需要帮助实现响应径向菜单的jquery参数

Need help on implementing jquery parameters of responsive radial menu

本文关键字：菜单 jquery 参数 帮助 实现 响应      更新时间：2023-09-26

尝试实现径向响应菜单DEMO无法从该页面传递菜单位置（右下角等）等附加参数Prameters

菜单无法使用右下角参数

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': bottom-right
});

这个插件有9个选项可以使用。

请检查：

https://github.com/agylardi/radial-responsive-menu

使用togglePosition选项设置菜单位置：

我做了示例检查JSFiddle

我认为演示页面没有生成可用的javascript-您可能会得到一个未定义的变量错误，因为它将尝试分配变量bottom的值减去变量right的值，这两者（可能）都不存在。试着用引号包装：

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': 'bottom-right'
});

将代码更改为：

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': 'bottom-right'
});

在CSS中，将position:absolute; bottom:10px; right:10px;添加到#放射状菜单中。

这样做：

$('#radial-menu').radialResponsiveMenu({
          'togglePosition': $('.positioned').css({ 'top': '', 'right':'10px', 'bottom':'10px', 'left':'' });
});

在css中定义一个类，如下所示：.positioned{position:absolute;}

在html:<nav id="radial-menu" class="positioned"> 中

就是这样。

相关文章：