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

Javascript 需要帮助实现响应径向菜单的jquery参数吗,javascript,jquery,html,css,Javascript,Jquery,Html,Css,尝试实现径向响应菜单 无法从此页传递其他参数,如菜单位置(右下角等) 菜单不使用右下角参数 $('#radial-menu').radialResponsiveMenu({ 'circleRadius': 70, 'togglePosition': bottom-right }); 这个插件有9个选项,你可以使用 请检查: 使用togglePosition选项设置菜单的位置: 我已经做了示例检查我认为演示页面没有生成可用的javascript-您可能会得到一个未定义的变量

尝试实现径向响应菜单 无法从此页传递其他参数,如菜单位置(右下角等)

菜单不使用右下角参数

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

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

请检查:

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


我已经做了示例检查

我认为演示页面没有生成可用的javascript-您可能会得到一个未定义的变量错误,因为它将尝试分配变量
底部的值
减去变量
右侧的值
,两者(可能)都不存在。尝试用引号将其括起来:

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': 'bottom-right'
});
将代码更改为:

$('#radial-menu').radialResponsiveMenu({
     'circleRadius': 70,
     'togglePosition': 'bottom-right'
});
在CSS中添加
位置:绝对;底部:10px;右:10px到#径向菜单。

这样做:

$('#radial-menu').radialResponsiveMenu({
          'togglePosition': $('.positioned').css({ 'top': '', 'right':'10px', 'bottom':'10px', 'left':'' });
});
在css中定义这样一个类:
.positioned{position:absolute;}

在html中:


就这样。

只要我添加“切换位置”:右下角,如上面链接所示,菜单不起作用,谢谢vijay用这个位置更改了你的fiddle css:修复;底部:10px;右:10px;左下角的参数不起作用现在你可以根据你的要求定制扫描我只有一级菜单,有五个链接(列表项),没有子菜单ul或列表项从这里你可以限制链接显示外部的五个链接,而不是内部的三个在你的小提琴上点击列表项后如何使链接淡出(li)当前必须单击菜单按钮打开/关闭切换