問題タブ [megamenu]

私はウェブ全体を探していましたが、解決策が見つかりません。私もjQueryを初めて使用します。

私の場合：

ナビゲーションバーがあり、その中の各リンクがメガメニューをアクティブ化/トリガーします（各リンクには独自のメガメニューがあります）。

必要なもの：

各リンクで独自のメガメニューをアクティブにする方法が必要です。メガメニューは次の場合に閉じる必要があります。

1. ユーザーがナビゲーションバーの別のアイテムをクリックします。

2. ユーザーは、ナビゲーションバーの同じアイテムをクリックします。

3. ユーザーは、メガメニュー内の「閉じるボタン」（X）グラフィックをクリックします（わかりやすくするためにHTMLには表示されていません）。

HTML：

「SexyDropDownMenu」のスクリプトを見たことがありますが、問題は、ホバーをクリックするとトリガーされるメニューが閉じてしまうことです。前述したように、jQueryを初めて使用するため、私が必要とするものにそれを適応させます。

http://www.sohtanaka.com/web-design/examples/drop-down-menu/

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

ありがとう。

私は2つの問題を抱えているメガメニューを持っています。

1. 各セクションにカーソルを合わせると、ホバー状態をアクティブに保つことができないようです。
2. メガメニューをトリガーするヘッダータグは、それらが含まれているコンテナの幅を持っているようです。これにより、視覚的にロールオーバーしなくても、メガメニューがポップアップ表示されます。

メガメニューの現在のコードをここに投稿しました：http ：//www.boyga.com/mega-menu/

ホバーインテントプラグインを使用しています。

WPF を使用して「メガ メニュー」スタイルのメニューを実装しようとしています。Web デザインのメガ メニューの例については、こちらを参照してください。

これまでのところ、TextBlocks をメニューの最上位レベルとして使用し、マウス ホバー イベントを使用してテキスト ブロックの下に表示される追加のウィンドウを表示することで、同様のインターフェイスを作成しようとしました。これは面倒で柔軟性がなく、将来の変更では TextBlocks を動的に追加/削除する必要があります。

スタイルを大幅に変更できることはわかっているため、WPF メニュー コントロールの使用を検討しましたが、メニュー コントロールが使用する階層モデルを使用して複数列のレイアウトを作成する方法は見たことがありません。

これを行うより良い方法はありますか？カスタム ウィンドウと相対的な配置に固執する必要がありますか? 誰かがすでに実装されているこの例を教えてもらえますか?

これに対する修正はないかもしれません。DOMの準備ができたときにロードされるjqueryドロップダウンメニューを使用しています。私が理解していることから、これは、ページが完全に読み込まれるまで、使用できるようになるまで待機することを意味します。

これはメニューシステムにとって問題です。なぜなら、人々はページ全体がロードされる前にすぐにメニューを使用したいからです。

これが私のサイトです。ここでこれが起こっているのを見ることができます。 http://bit.ly/g1sn5t

これは私がメニューに使用している私のスクリプトです

これを他のすべての前にロードする方法はありますか？

ホバー時に表示し、ユーザーがメガメニューまたはトリガー領域を離れるまで開いたままにしたいこのメガメニューがあります。onClickで動作していますが、ホバーで動作させることができないようです。どんな助けでも大歓迎です。

ここでも見ることができますhttp://jsfiddle.net/notanothercliche/5CDEE/

クリック バージョンの場合はさらに良いことに、toggleClass と slideToggle を使用しました。この方法でコーディングを大幅に短縮できます。ここでデモを参照してくださいhttp://jsfiddle.net/notanothercliche/5CDEE/

Mega Dropdown CSS ベースのメニューを使用しています。ホバー時にアイテムを表示する代わりに、クリック時に表示したい。また、ページの他の場所をクリックするか、スライドダウンの閉じるボタンをクリックするまで、スライドダウンがそこにあるようにします(これを追加する予定です)。

あなたの助けとフィードバックをお待ちしております

ありがとう

LJ

初心者の質問：動的に生成されるメガメニューの作成に取り組んでいます。各メガメニューには、いくつかのサブメニューとリンクが表示されます。サブメニューとリンクがいくつあるかわからないので、レイアウトに問題があります。私の考えは、メニューが生成されるときにこの構造を使用することです。

しかし、私はレイアウトに多くの問題を抱えています。コンテナの幅をウィンドウに合わせてから、左に流します。しかし、私は次のようなメニューを取得し続けます：

Submenu1 Submenu2 Submenu3 Submenu4
Submenu5

より対称的になるようにレイアウトを生成するためのより良い方法はありますか？次のように表示したいのですが、

Submenu1 Submenu2
Submenu3 Submenu4
Submenu5

前もって感謝します！

次のナビゲーション メニューのコードは、IE8 と Firefox、Chrome などで見事に動作します。ただし、IE7 ではエラーが発生します。

メガメニューのドロップダウンが画像の上に表示されません。IE7 では、黄色の領域にカーソルを合わせると、画像 (Google 検索画像) が z-index の上部に表示されることに注意してください。どうしてこれなの？

参考までに、誰かが最後にこれを試してみたい場合に備えて、私が現在使用しているコードを次に示します。

私はこの問題の解決策を際限なく探してきましたが、これまでのところ、解決策は見つかりませんでした。システムが組み込まれているテンプレートがいくつかありますが、それらを機能させるには、テンプレートを使用する必要があります。

メニューが欲しいだけです（ここにあるようなもの：http：//net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu /）依存するプラグイン/モジュールなしでJoomlaで動作します。

誰かがJoomlaでこれを行うことができましたか？前もって感謝します。

私はjQueryを使用してこのMegaMenuをコーディングしています。URLは次のとおりです：http：//h1.servy.net/sgtlmm/

すべてのブラウザで正常に機能していますが、IE7でのみ、[最新]や[個人]などのメニュー項目にカーソルを合わせると、現在の項目の上にメガドロップダウンが表示されていることがわかります。アイテムの残りの部分については問題ありません。現在のメニュー項目とそれ以前の項目のみが問題の原因です。

灰色の境界線のあるメガドロップダウンが、IE7の最新のメニュー項目の上に表示されています。それが問題です:(

親要素でposition：relative、higher zindexを試しましたが、どれも機能していないようです。あなたの助けが必要です！よろしくお願いします。

また、「中小企業」などの内部アイテムのメガドロップダウンの配置にも問題があります。それも手伝ってくれませんか。ありがとう。