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下拉菜单垂直对齐

回答

相关问题