jquery - jQuery ui 菜单没有正确定位

Question

这是我的jsfiddle。

http://jsfiddle.net/jgreen/K6QSd/2/

菜单似乎不尊重我的定位。

.menu({
    position: {
        my: "right top",
        at: "right bottom",
        of: $('#button1'),
        collision: "none"
    }
})

我试图让菜单与按钮的右侧对齐，而不是它当前正在做的左侧。

提前致谢。

编辑：snowp 提供了一种使用 css 获取行为的方法，但我真的在寻找为什么它不能与 jquery ui 一起使用。

编辑#2：我没有完全理解文档的关键部分。位置选项“标识子菜单的位置...”。子菜单！=菜单。多哈。

Answer 1

@jgreen Jquery 为您提供所需菜单的解决方案

 $(this).next().show().menu().position({

            my: "right top",
            at: "right bottom",
            of: $('#button1'),
            collision: "none" 
})

Answer 2

像这样的菜单添加以下css 点击这里

  #subMenu
    {
        float:right; top:0px;right:-80px;
        z-index:1;
    }

（或者）

像这样的菜单添加以下css 点击这里

#subMenu
{
   float:right; top:32px;right:40px;
}