問題タブ [megamenu]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
690 参照

jquery - CSS メガ メニュー - ページの読み込み時に 1 つのタブを開く - jQuery?

このメガメニューを使用しています

私が望むのは、ページがロードされたときに、誰かが最初にホバーすることなく、1 つのタブ (2 番目のタブ) を開くことです。追加してみました:

コンテンツを開いたままにしましたが、タブのホバー状態がなく、別のタブにホバーしても変化しませんでした-誰かがここで私を助けてくれますか?

0 投票する
1 に答える
871 参照

jquery - アクセシブルなメガメニューの作成、フォーカスのスライドダウンの問題

こんにちは、私はアクセシブルなメガメニューを作ろうとしています。ドロップダウンメニューをホバーするとうまく表示できますが、ユーザーがマウスを持っていない場合、つまりリンクがフォーカスされている場合は、スライドダウンする必要があります。フィドルの結果フレーム( http://jsfiddle.net/Dcws6/1/ )をクリックし、 Alt + Tab(Safari)タブ(Windows)を押すと、これを試すことができます。私のjqueryに何か問題があるに違いありませんが、私は一生それを理解することができません。

私がやろうとしているもう1つのことは、次のアニメーションが起動する前に1つのアニメーションが終了することを確認することです。つまり、「私たちについて」にマウスオーバーすると、ギャラリーに「私たちについて」ドロップダウンメニューがスライドアップするのを待ってからスライドダウンします。ギャラリーのドロップダウン。

ありがとう

0 投票する
3 に答える
2995 参照

jquery - メガ メニュー ドロップダウン ホバーの問題

メガメニュー

ホバーすると問題ないように見えますが、カーソルを少し下に移動するか、実際のドロップダウン ブラック ボックスに移動すると、ホバーが消えます。少しハードルにぶつかったので、助けが必要です。

索引.html

CSS

JS

0 投票する
1 に答える
643 参照

css - さまざまな画面解像度でのDivタグの問題

Mega Menu Reloaded Onを自分のWebサイトに実装していますが、さまざまな画面解像度でdivタグを適切に配置できません。

これが:それがどのように見えるべきか

メガメニューのCSSの一部を書き直した後の様子です。

私はこの問題を修正するために数時間試みましたが、cssの初心者として、私はそれを修正することができていないようです。

これは、その配置に関連して必要なcssだと思います

これが正しい配置での位置のコードです

助けてくれて、または正しい方向に私を向けてくれてありがとう。:)

0 投票する
3 に答える
3124 参照

html - センタリング
  • 水平ドロップダウンメニュー

この水平リストのドロップダウン メニューを中央に配置できませんでした。float left を使用しているため、すべての css を作り直す必要がありますか?

リストの位置に関連するすべてのコードを次に示します。または、ここをクリックしてライブで表示する

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

0 投票する
1 に答える
231 参照

jquery - ドキュメントのクリック時にのみ jkmegamenu を非表示にする

jkmegamenuを使用して、アンカー タグのクリック時にサブ メニューを表示しています。ドキュメント内またはアンカータグ内をクリックすると、サブメニューを非表示にする必要があります。以下の変更でアンカータグをクリックした場合にのみサブメニューを非表示にすることができました(マウスリーブを削除します:

しかし、ドキュメント内の任意の場所をクリックしてメニューを非表示にするにはどうすればよいですか?

0 投票する
1 に答える
413 参照

html - メガドロップダウンメニューの位置の問題

次のリンクのようなメガドロップダウンメニューを作成しようとしています:http://i48.tinypic.com/2ln97ip.png

私はこのフィドルを作成しましたが、2番目のulの位置と境界がうまくいかないため、うまくいきません :( http://jsfiddle.net/H8FVE/16/

誰かがこのplsで私を助けることができますか?

0 投票する
2 に答える
794 参照

asp.net - asp.netでカスタムCMSのメガメニューを設計するための設計上の考慮事項

メガメニュー構造を処理できるカスタムCMSを設計する際に従うことができるベストプラクティスは何ですか、CMSのデータベース設計の例で明確に示すことができる例を見つけることができません。

データベース設計の例とasp.netWebフォームのソースコードを含む優れたリソースを教えていただければ幸いです。データベースに柔軟に対応できます。

すべてのメニューが1つのテーブルに格納されている場合、MegaMenuの設計は簡単です。場合によっては、別のテーブルからメガメニューを作成する必要があります。たとえば、次のメインメニューを見てみましょう。

ホーム| 記事| ニュース| 私たちについて| お問い合わせ

次のような別のテーブルからメニューの詳細を読み取れるようにメニューを構成したいと思います。

記事メニュー:画像付きのトップ3記事

ニュースメニュー:画像付きのトップ3ニュース

お問い合わせメニュー:米国、カナダ、ドイツ、インド、イギリスなど、さまざまな国のオフィスへのリンクを2列または3列で表示する必要があります。

これまでのところ、ニュースや製品(たとえば性質が異なる)などのさまざまな機能を備えたCMSの基本アーキテクチャ設計を示す学習目的として使用できる有用な例は見つかりませんでした。

私は実際にページ/投稿を1つのテーブルに保存するワードプレスを研究し、区別するために値タイプpostまたはページを割り当てようとしましたが、場合によっては、別のテーブルに保存する必要がある製品など、さまざまなものが必要になります。何百もの製品があると本当に頭痛の種になるセパルトメニューテーブルを作成するのではなく、別のテーブルからメニュー情報を読み取ることができるメガメニューシステムを作成する方法がわかりません。このようなアプローチでは、製品関連のテーブルとメニューテーブルを更新する必要がありますが、これは優れた設計アプローチではありません。

0 投票する
1 に答える
831 参照

javascript - cssのみのメガメニューをjqueryベースに変換する方法

私は自分のサイトで純粋にCSSベースのメガメニューを使用しています。欠点は、アニメーションがないことです。ドロップダウンが突然表示されます。だから私はそれをjqueryベースのトグルに変換することを考えています。これが現在のコードです。どうすればjQueryベースに変換できますか?

これがコードhttp://jsfiddle.net/gsTNS/です

0 投票する
1 に答える
2748 参照

php - Magentoはカテゴリドロップダウンメニュー内にブランドリストを追加します

メインメニューの各カテゴリのドロップダウンリストにブランドのリストを追加しようとしています。これは「メガメニュー」と考えられると思います。

たとえば、メインカテゴリにカーソルを合わせると、ドロップダウンメニューにサブカテゴリだけでなく、このカテゴリ内のすべての異なるブランドも表示されます。

ブランドは2つの方法で設定されます。

  1. すべての製品には「ブランド」という属性があります。したがって、カテゴリ内のすべての製品を取得して、このカテゴリ内の製品に関連付けられているすべてのブランドのリストを表示することができます。これには、そのメニューアイテムが選択されたときに、そのカテゴリとそのブランド属性のアイテムのフィルターが表示されるように、階層化されたナビゲーションを組み込む必要があります。

  2. この方法の方が簡単だと思います。各ブランドにはすでに独自のカテゴリも作成されており、各製品はメインカテゴリと関連するブランドカテゴリの両方に含まれています。これは元々、すべてのブランドの大きなリストを表示できるようにするために行われました。ナビゲーションループ内のMagentoに、「他の選択されたカテゴリ」を取得する機能はありますか?たとえば、アイテムがカテゴリAにある場合、ドロップダウンリストにはすべてのサブカテゴリだけでなく、製品で選択されている他の関連するトップレベルのカテゴリも表示されます。

Navigation.php(magento 1.6)の変更を含むさまざまなソリューションを試しましたが、特定のカテゴリ内のブランドだけでなく、ショップ内のすべてのブランドを表示することしかできませんでした。以下のコードを参照してください。