jquery - 如何让我的 JQuery UI 菜单位置始终适合屏幕并向右打开

Question

我正在尝试创建一个 JQuery 菜单：

1. 总是向右打开它的孩子

2. 总是在需要的地方翻转它的位置，这样它就不会从屏幕底部消失。

即像这样的东西......

我预计以下内容会起作用......

    $('#filter-menu-button-menu').menu({
         position: {
                my: "right top",
                at: "left top"
         }
    });

...但它似乎只适用于第一个孩子。第二个孩子出现在它的左边（jsfiddle 例子）。

谁能建议我做错了什么。

Answer 1

尝试：

$('#filter-menu-button-menu').menu({
    "position": { my: "left top", at: "right top" }
});

JsFiddle：http: //jsfiddle.net/c9Uqz/

要调整子项的行为，请查看 jQuery UI 位置文档：http ://api.jqueryui.com/position/

当孩子与窗口边框碰撞时，默认会翻转。