2014-09-23 44 views
-2

的jQuery参数试图实现径向响应菜单DEMO 无法通过像菜单中的位置(右下等)构成本页面Prameters需要帮助的实施自适应径向菜单

菜单附加参数不与右下方工作参数

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

回答

1

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

请检查:

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

使用togglePosition选项来设置位置菜单:

我已经例如检查JSFiddle

+0

只要我添加'togglePosition':右上角给出的上述链接菜单不起作用,http://jsfiddle.net/a1khan/evLwp1jf/4/ – abu 2014-09-23 09:22:37

+0

检查我的更新jsfiddle在我的答案 – 2014-09-23 09:24:06

+0

感谢vijay用这个位置改变了你的小提琴CSS:固定; \t bottom:10px; \t right:10px;而不是左下角参数正在工作 – abu 2014-09-23 10:01:00

0

我想演示页面不生成可用的JavaScript - 你可能会得到一个未定义的变量错误,因为它会试图将变量bottom的值减去v变量right的大小,这两者(可能)都不存在。尝试在引号包裹它:

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

更改您的代码:

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

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

+0

谢谢,弗雷德里克 – abu 2014-09-23 10:04:17

0

做这样的:

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

,并在CSS定义一个类,像这样:.positioned{position:absolute;}

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

完蛋了。

+0

我怎样才能使链接淡出后点击列表项(李)目前必须点击菜单按钮打开/关闭切换[链接](http://jsfiddle.net/a1khan/evLwp1jf/4/) – abu 2014-09-23 11:31:16