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

Question

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

1. 始终将其子女打开到右侧

2. 始终在必要时翻转其位置，以便永远不会 消失在屏幕下方。

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



我预计以下内容会有效......

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

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

任何人都可以建议我做错了什么。

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/

当儿童与窗口边框发生碰撞时，默认情况下会翻转。