2014-09-23 43 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