JqueryUI下拉菜单垂直对齐

Question

您好我在修复此菜单下面的问题是实际图片和代码，任何建议都很好。

<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>

我收到了 我喜欢的是 我正在使用jqueryUI我试过.menu（）属性或参数，但仍然没有任何变化。我想知道我是否可以通过改变css来实现它。

Answer 1

我修好了，这是链接 http://jsfiddle.net/kodewrecker/sS93F/

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

JqueryUI的菜单小部件的一些操作在这里找到： http://api.jqueryui.com/menu

Answer 2

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

应该做的伎俩

请参阅：http://jsfiddle.net/mF9sJ/