問題タブ [jquery-ui-menu]

UL 要素を使用してメニューを作成し、jQueryUI を使用してこのメ​​ニューを表示しています。

ボタンをクリックすると、$("#action_menu").menu() でこのメニューを表示できます。このメニューを表示する方法を知っていますが、メニューをクリックしないで他の場所をマウスでクリックしたときにこのメニューを非表示にする方法がわかりません。非常に多くの例が見つかりました。ドキュメント クリック リスナーを追加し、イベント ターゲットの親ノードがこのメニューであるかどうかを確認します。このリンクのように、ドロップダウン メニューを非表示にする jQueryのように、誰もがより良い考えを持っていますか?なぜ jQueryUI がメニュー ウィジェットのイベントやオプションを追加しないのか疑問に思っています。誰か助けて、ありがとう

Web フォーム アプリでjQuery メニュー ウィジェットを使用しようとしています。

簡単なデモをまとめてみましたが、上記のリンクの例とまったく同じように動作します。

しかし、メニューをポップアップメニューにしたいです。ユーザーが別の場所をクリックすると、メニューが自動的に閉じます。残念ながら、jQuery UI サイトでこれについて何も見つけることができませんでした。

jQuery Menu Widget をポップアップ メニューとして使用する例を教えてください。

jQuery UI メニュー ウィジェットを使用してポップアップ メニューを作成する方法を理解しようとしています。

探し回った後、最終的に、私が望むことを行う次のデモを見つけました。

http://view.jqueryui.com/menubar/demos/popup/popup-menu.html

ただし、このデモを理解するのに少し苦労しています。例えば：

1. ボタンがクリックされる前にメニューが非表示になっているのは何ですか?
2. メニューが開いているときにページの別の場所をクリックすると、メニューが閉じてしまう原因は何ですか?

どんな助けでも感謝します。

オブジェクトがクリックされると表示されるが、メニュー自体以外の場所でクリックされると消えるjquery-uiメニューを実装しようとしています。

これは私がこれまでに持っているコードです：

ここで、メニュー自体以外の場所でクリックが行われた場合、メニューを非表示にして破棄したいと思います。

私の質問が単純すぎる場合は申し訳ありませんが、jQuery UI ドキュメントからはわかりません。

メニュー内でクリックされたオプションを特定するにはどうすればよいですか? 私はこのようなことを試しましたが、うまくいきませんでした:

そこに新しいメニューオプションがあるjquery-ui 1.9.2バージョンを使用しています。http://onehackoranother.com/projects/jquery/droppy/#のように、メニュー スタイルをドロップダウンに変更する方法はありますか

http://wiki.jqueryui.com/w/page/12137997/Menuを参照しまし たが、それらはプラグインです。

これには別のプラグインを使用したくありません。同じ jquery-ui 自体を変更したいのですが、これを行う方法はありますか?

ここに私の問題を簡単に示します:内部にメニューを含む分割ボタンが必要です (jquery-ui で実行: jqueryui-demoを参照してください。これは他のものの配置には影響しません。したがって、2 番目のボタンはcss内のposition属性を絶対に変更できることはわかっていますが、実際には各位置を計算したくありません (そして再計算したくありません)。何かが変更された場合、または document.size() が変更された場合...

メニューをオーバーレイする必要があることを jquery.menu に伝える方法はありますか?

jsfiddle は次のように要約されます。

JavaScript

CSS

html

メニューは3段階。最初のレベルには、「すべて表示」という項目が 1 つだけあります。第 2 レベルには製品カテゴリが含まれます。第 3 レベルにはサブカテゴリが含まれます。メニューレベルはもうありません。

サブカテゴリは水平に表示する必要があります:

これを実装するためにjquery ui menu menu widgetを試しました。サブカテゴリは縦に表示されます。サブカテゴリが水平に表示されるようにこれを変更する方法は?

これに対してjquery uiにパッチを当てることができますか、これを可能にする他のコントロールがありますか。サブメニューは、マウス ホバーで開く必要があります。jquery-ui メニューでは、マウス ホバーを使用して開くことができますが、第 3 レベルを水平にレンダリングする方法が見つかりませんでした。

データは実行時にデータベースから読み取られます。jquery、jquery ui、ASP.NET/Mono MVC2 を使用

アップデート

デモはhttp://jsfiddle.net/cNgG5/にあります

カーソルをカテゴリに移動すると、1 列のメニューが表示されます。複数の列にレンダリングする方法は?

Jquery UI "Menu" API を使用して、アプリケーションでナビゲーション メニューを作成しています。

メニューはうまく描画され、リンクされます。その上にカーソルを合わせると、自然な jquery ui css が適用され、ホバーされた要素に ui-state-focus クラスが与えられます。要素からマウスを離すと、このクラスが削除され、要素がデフォルトの強調表示されていない状態になります。

このクラスが与えられたメニューの要素に特定の CSS を適用する標準の jquery ui css クラス「ui-state-active」を追加して実験しました。ただし、他の要素をホバリングすると、この ui-state-active クラスはアクティブな要素から削除され、新しい選択がまだ (クリックで) 行われていない場合でも、ホバーによってアクティブな選択が事実上強制終了されます。

ホバリング クラスを追加したままにできるようにしたいのですが、ACTIVE クラスはそのままにして、各ページでアクティブなメニュー要素に常にアクティブなクラスが含まれるようにします。

jquery UIメニューAPIでアクティブな要素をマークする適切な方法に関するアイデアはありますか?

WinForm アプリをブラウザーに移植する作業を行っていますが、jqGrid の上部 (ツールバー内) に一連のドロップダウン メニューを表示する機能を保持したいと考えています。

下部を複製せずにグリッドの上部にカスタムツールバーを作成できるため、アクションボタンがあります。既存の navigatorを複製することもできます。

私が見逃しているのは、これら 2 つのオプションのいずれかにjQuery UI Menuなどのメニュー システムを組み込む方法です。以下のコードはメニューをツールバーに追加しますが、メニューはグリッドの後ろに隠れます。z-index と position を調整しようとしましたが、どちらも解決していないようです。

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