Question

尝试实施径向响应式菜单DEMO 无法通过此页面Prameters

传递菜单位置（右下角等）等其他参数

菜单无法使用右下角参数

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

Answer 1

您可以使用此插件的9个选项。

请检查：

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

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

我做了示例检查JSFiddle

Answer 2

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

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

Answer 3

将您的代码更改为：

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

在CSS中将position:absolute; bottom:10px; right:10px;添加到#radial菜单。

Answer 4

这样做：

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

并在css中定义一个这样的类：.positioned{position:absolute;}

in html：<nav id="radial-menu" class="positioned">

就是这样。

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

4 个答案: