問題タブ [jquery-ui-menu]

私はJquery-uiメニューウィジェットをいじっていて、本当に明白であるように思われるいくつかの機能を手に入れようとしています.

メニューを簡単に水平にし、サブメニューを垂直に下げることができました...しかし、私の人生では、メニューからマウスアウトしたときにサブメニューを折りたたむことができません。他の何かをクリックするまで、そこにとどまります。本当に忌々しい。デザイナーとして、それは私のすべての感性に反するものであり、そこにぶら下がっている理由がわかりません.

何か特別なものを追加する必要がありますか? 余談ですが、メニュー ウィジェットを編集しながら、Jquery-ui js を数時間いじっています。私はここでいじりました：

それは私が望んでいた動作を生み出しました...一種の...今、サブメニューが添付されたメニュー項目のマウス入力検出がむらがあります。メニューが時々しか機能しないライブサイトを立ち上げることは、あまりよくありません。何か案は？私はこれを難しい方法または間違った方法で行っていますか、それとも単に知らないことがありますか? 私は jQuery が得意というわけではなく、実際に始めたばかりです。

基本的に、メニュー ウィジェットの jQuery UI デモ ページの例の拡張バージョンであるセットアップを使用しているため、問題の原因は自分の html ではないと思います。

第 1 レベルの親が展開されると、第 3 レベルのメニューが自動的に展開されるようにしようとしています。したがって、私が持っている例では、最初のアイテムにカーソルを合わせると、アイテム 1 サブメニューが (通常のように) 表示され、その下に最初のサブメニューも表示されます。アイテム 2 も表示されるはずです。http://jsfiddle.net/n2Sxc/1/

jsfiddle にあるこのコードを使用しようとしました。

API のドキュメントも確認しましたが、expand や focus の使い方がよくわかりません。それが私が使いたいものであるかどうかさえわかりません。

フォーカス: http://api.jqueryui.com/menu/#event-focus

展開: http://api.jqueryui.com/menu/#method-expand

メニューを開始するときにこれも試しました

jQueryUI でメニューを作成していて、メニュー項目を選択すると、適切なイベントが適切に発生することに気付きました。ただし、すぐに別のメニューアイテムを選択すると (最初にメニュー以外のものをクリックせずに)、menuselect イベントは発生せず、単にaタグを通常のリンクとして扱います (このパターンが繰り返されます: 1 つ OK、1 つ無視、1 つ OK) 、1 無視など...)

この問題を示す jsfiddle は次のとおりです: http://jsfiddle.net/J9eyv/4/

(1) 破損: オプションをクリックしてから、別のオプションをクリックします。

(2) 機能: オプションをクリックし、メニューの外側をクリックしてから、別のオプションをクリックします。

コードは、こちらの jQueryUI デモをモデルにしています: http://api.jqueryui.com/menu/#event-select

何か不足していますか？

編集：

$(selector).menu("focus"イベント コールバックから) または実際にはを呼び出すと$(selector).menu("idontunderstand")、問題が「修正」されます。それは正しく聞こえません。

jQuery UI ダイアログとメニューの両方を使用しています。ダイアログを開いて、メニューの選択に応じて異なる効果を表示しようとしています。

ダイアログが開きますが、効果はありません。jQuery と jQuery UI の両方が初めてです。どんな助けでも大歓迎です。

アプリケーションで jquery メニューを使用しています。3 つのレベルのサブメニューがあります。以下のjsfiddleに示されているもののように。

http://jsfiddle.net/ankitap/WC3bE/

メニューオプションにマウスを合わせると、サブメニューが自動的に開きます。この機能を無効にして、クリック時にのみサブメニューを開きたいです。私は使用しようとしました：

また、レベル 1 のクラス名をメインクラスとして、レベル 2 のクラス名をサブクラスとして指定しようとしました。

このための html コードは次のとおりです。

マウスホバーでサブメニューを開くのを止めることができませんでした。クリックした後にのみサブメニューが開くようにしたい.助けてください! ありがとうございました。

私はこのフィドルを持っていると仮定します http://jsfiddle.net/pnmpn25/VPXjs/

jquery ui サイトのデモ実装です。Salzburg->Delphi をクリックすると、Delphi のサブメニューが開いたままになります。これが私の望みです。

Salzburg->Delphi->Delphi または Salzburg->Perch をクリックすると、サブメニューが閉じます。私はこれをしたくありません。

サブメニューに子メニューがない場合、jquery uiメニューでサブメニューを閉じないようにするにはどうすればよいですか? どんな助けでも大歓迎です。

jquery ui メニュー 1.9 を使用しています。次のように定義されたリスト項目要素があります

http://jsfiddle.net/fVLv3/1/

私の問題は、ラベルのテキストまたは入力自体でのみ、ラベルの外側をクリックするとチェックまたはチェックを外すことができないことです。メニュー項目の任意の場所をクリックして、チェックボックスをトリガーできるようにしたいと思います。

html/cssでこれを行う方法はありますか?

メニューのselectイベントでこれを行うことができると思いますが、それは他の問題につながると思うので、可能であればマークアップで解決したいと思います.

ラベルの幅を 100% に設定しようとしましたが、明らかにうまくいきませんでした。何か案は？