JqueryUI下拉菜單垂直對齊

嗨我有問題固定下面的這個菜單是實際的圖像和代碼任何建議很好appriciated。JqueryUI下拉菜單垂直對齊

<script type="text/javascript"> 
     $(function() { 
     $("#menu").menu(); 
     }); 
</script> 

<ul id="menu"> 
    <li><a href="#">Main Tab</a> 
     <ul> 
     <li><a href="#">This is link A</a></li> 
     <li><a href="#">This is link B</a></li> 
     </ul> 
    </li> 
</ul>

我越來越 enter image description here 我喜歡的是我使用jQueryUI的我試過。菜單（）屬性或參數，但仍沒有改變。我想知道是否可以通過改變CSS來實現它。

來源

2013-04-24 CaffeineShots

我固定它，這是鏈接 http://jsfiddle.net/kodewrecker/sS93F/

$(function() { 
     $("#menu").menu({ position: { my: "left top", at: "left-1 top+35" } }); 
     });

菜單控件的jQueryUI的一些操作發現這裏： http://api.jqueryui.com/menu

來源

2013-04-24 11:11:20 CaffeineShots

使用菜單元素的高度來設置位置，此解決方案將更加靈活。 var usermenu = $（「＃usermenu」）; usermenu.menu（{position：{my：「left top」，at：「left top +」+ usermenu.height（）}}）; – Raanan 2014-08-13 09:59:08

@Raanan真，而且總是有'位置：{我的：「左上角」，在：「左下角」}。 [JQuery UI - 位置API]（http://api.jqueryui.com/position/） – GoldDragonTSU 2015-12-10 23:25:24

ul li > ul { 
    display: block; 
    clear: both; 
    padding: 0; 
}

應該做的伎倆

參見：http://jsfiddle.net/mF9sJ/

來源

2013-04-24 10:18:46

它的工作原理絕對，但jqueryUI不斷標記子菜單權利不底，違反我的CSS :(感謝您的迴應Sir – CaffeineShots 2013-04-24 10:29:11

你可以發佈一個jsfiddle的例子嗎？ – 2013-04-24 10:39:13

http://jsfiddle.net/mF9sJ/檢查jQuery UI的先生。 – CaffeineShots 2013-04-24 10:45:17

JqueryUI下拉菜單垂直對齊

回答

相關問題