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   对于像这样的菜单Click here

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

（或）

添加以下css     对于像这样的菜单Click here

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