jquery - JQuery UIメニューの位置を常に画面に合わせて右側に開くにはどうすればよいですか

Question

次のような JQuery メニューを作成しようとしています。

1. 常に子を右に開きます

2. 画面の下部から消えないように、必要に応じて常に位置を反転します。

つまり、このようなもの...

私は次のことがうまくいくと思っていました...

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

...しかし、それは最初の子供にしか機能しないようです。2 番目の子はその左側に表示されます ( 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/

子がウィンドウの境界に衝突すると、デフォルトで反転します。