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