jQuery ui菜单未正确定位

这是我的护照

菜单似乎不尊重我的定位

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

---

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

提前谢谢

编辑：snowp提供了一种通过css获得行为的方法，但我真的想知道为什么它不能与jQueryUI一起工作

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

添加以下css 像这样的菜单

（或）

添加以下css 像这样的菜单

---

@用于所需菜单的jgreen Jquery解决方案

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

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

---

“我试图让菜单与按钮的右侧对齐，而不是它当前正在执行的左侧。”。您的解决方案只是移动菜单中的内容。就像@j08691所说的，我并没有试图将菜单中的内容向右移动。我正在尝试使菜单（当前大小）与按钮右侧对齐。@j08691我更改了答案，请检查it@snowp谢谢你的回复。我对你的答案进行了升级，因为第二个答案确实得到了我想要的行为（顶部和右侧的值略有不同），但没有将其标记为“the”答案，因为这更像是对jquery ui问题的css破解（我编辑了我的答案，以便更清楚地表明我正在寻找jquery ui解决方案）@j08691我添加了jquery解决方案，请检查it@j08691我添加了jquery解决方案，请检查itThanks@snowp。有趣的是，position选项不起作用，但它应该模拟的ui方法起作用。

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

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

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