問題タブ [jquery-ui-menu]

私はjqueryuiメニューを持っていますが、そのサブレベルが表示されていません.firebugを使用してhtmlをチェックすると、サブリストがあります.しかし、ホバーするとサブリストが表示されません.

メイン リンクは表示されますが、メインリンク 1 にカーソルを合わせると、サブリンクが表示されません

常に画面に表示しておく必要がある JQuery メニューがあります。したがって、子メニューがウィンドウの下部に重なる場合は、「上」に移動する必要があります。

例えば

小さいメニュー (例: 5 項目以下) では問題なく動作するようですが、奇妙に大きなメニューではシフトアップしないようです。

jsfiddle の例- メニュー項目 C>1E と C>1F を比較します (ウィンドウのサイズを変更して、実際に下部に重なるようにする必要がある場合があります)

すなわち

HTML:

CSS:

なぜこれが起こっているのか誰にも示唆できますか？JQuery UI のバグですか? 誰でも回避策を提案できますか?

組み込みの jQuery UI メニュー機能をアニメーション化しようとしています。私はさまざまな方法を試しましたが、「フォーカス」イベントと関係があるはずだと思います。これが私が持っているコードですが、実際にはメニューからスライドしません。何が間違っていますか?

どんな助けでも大歓迎です。

編集：

メニューの HTML 構造:

ここのコードを少し整理してみました。これがメニュー構造です。進行中の完全な作業は、http://sdlan.org/~mnewmanで入手できます。

jQuery UI Menuを使用して複数のドロップダウン メニューを作成する必要があります。その前に、この目的のためにjQuery UI Selectmenuを使用しました。

Selectmenu は に基づいておりselect、メソッドを使用してval()選択値を取得/設定できます。現在、メニューは ul/li に基づいているため、そのようなオプションはありません。

したがって、次の動作を何らかの方法でエミュレートする必要があります。

メニューウィジェットを拡張して、次のようないくつかのメソッドを追加しようとしました:

そして、次のように使用します。

しかし、いくつかの値を設定し、次回activeフィールドがnull.

elem.trigger('click');代わりにフォーカスイベントを使用しようとしましたが、成功しませんでした。

jQuery UI のMenuを拡張してカスタム ウィジェットを作成しました。基本的にui.selectmenu<select>のように HTML 要素を操作する必要がありますが、サブメニューにオプションを表示します。

このウィジェットが次のような複数の要素に接続されている場合に問題が発生します。

_attachEvents()問題はタイトルに記載されており、メソッドで確認できます。

1. ユーザーがクリックすると、必要に応じsomeSelectて開きます
2. ユーザーがクリックすると、anotherSelectそれも開きます
3. someSelectafter ステップ2は閉じる必要がありますが、そうではありません。

では、そのようなケースを確認してこの問題を解決するにはどうすればよいでしょうか?

編集：

1. this.originalSelect<select>HTML要素です
2. this.buttondiv要素です。選択したオプションのテキストが表示される場所 (基本的には表示されるものと同じui.selectmenu);

jquery-ui-contextmenuを使用しています。他の場所でマウス クリックが行われるまで、メニューは開いたままになります。マウスを離したときにメニューを閉じたい。私は試した：

ただし、移動が最初のメニュー項目を離れるとメニューが閉じられるため、他の項目を選択することはできません。
それは非常に単純なニーズのように見えますが、誰かがそれを行う方法を知っていますか?