問題タブ [hamburger-menu]

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 投票する
0 に答える
483 参照

android - AnimatedVectorDrawable を使用すると、Android のアイコンにカットされます

開始前に、 Vect Alignライブラリを使用して 2 つの画像を変形していることを伝えたいと思います

アイコン

開始アイコン (SVG): https://storage.googleapis.com/material-icons/external-assets/v1/icons/svg/ic_menu_white_24px.svg

終了アイコン (SVG): https://storage.googleapis.com/material-icons/external-assets/v1/icons/svg/ic_close_white_24px.svg

Vect Align によって生成されたパス

開始パス (drawer_path): M 3.0,18.0 l 18.0,0.0 l 0.0,-2.0 l -18.0,0.0 l 0.0,2.0 L 3.0,18.0 m 0.0,-5.0 l 18.0,0.0 l 0.0,-2.0 l -18.0,0.0 l 0.0,2.0 L 3.0,13.0 M 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,8.0 L 21.0,8.0 L 21.0,6.0 L 3.0,6.0 L 3.0,6.0

終了パス (close_path): M 19.0,6.41 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 L 17.59,5.0 m 0.0,0.0 l0.0,0.0 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 L 12.0,10.59 M 12.0,10.59 L 6.41,5.0 L 5.0,6.41 L 10.59,12.0 L 5.0,17.59 L 6.41,19.0 L 12.0,13.41 L 17.59,19.0 L 19.0,17.59 L 13.41,12.0 L 19.0,6.41

問題のスクリーンショット デバイス-2015-11-05-164520

プロジェクト内の XML ファイル:

ベクター ファイル (ic_drawer.xml):

アニメーション化されたベクター ファイル (ic_drawer_to_close.xml):

アニメーション ファイル (drawer_to_close.xml):

誰かがこの問題で私を助けてくれることを願っています。

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

android - ツールバーのハンバーガーメニューをクリックしたときにメニューを表示したい

どこでも検索しましたが、欲しいものが見つかりません。

ツールバーのバーガーメニューをクリックすると、ナビゲーションドロワーメニューのようにメニューを表示する必要がありますが、左側ではなく、上部から表示する必要があります。スライド ダウン アニメーションが必要です

ここに2つの写真があり、メニューアイコンをクリックする前に達成したいことを示しています:

メニューアイコンクリック前

クリック後:

クリック後

これは私のレイアウトxmlです

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

html - クリックしてもトグルが反応しない

モバイル対応メニューを作成しようとしていますが、主な問題は、クリックしてもナビゲーション ボタンが切り替わらないことです。これが私がこれまでに思いついたものです。HTML + JQuery:

これはCSSです:

ご協力いただきありがとうございます。アレッサンドロ

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

javascript - ウィンドウリサイズ機能

ハンバーガーメニューを作成しましたが、ドロップダウンは問題ありませんが、ウィンドウを再度最大化すると、ULリストは「表示なし」ステータスを維持するため非表示のままになります。ウィンドウのサイズ変更機能を追加する必要があることはわかっていますが、方法がわかりません。どうすればこれを修正できますか?

これはコーディングです:

ありがとうございました。

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

jquery - ブートストラップ 3: ナビゲーションバーの折りたたみは折りたたむが展開しない

Bootstrap 3 を使用して、かなり単純な静的 Web サイトを構築しています。

ナビゲーションに関しては、デスクトップでは全幅のナビゲーション バーが必要で、モバイルでは「ハンバーガー」メニューが必要です。

そこで、Bootstrap の navbar-collapse を使用しました。

this oneまたはthat oneのような他の多くの同様の質問で示唆されているように、<head></head>タグの間に次の行を含めて、最新の Bootstrap JS ファイルが含まれていることを確認しました。

—————</p>

更新:私は次のインクルードも持っています<head></head>

さらに、上記のコードの下には、いくつかのカスタム JS スクリプトもあります。

—————</p>

更新 2 : ここに私のブラウザー コンソール ログがあります。

—————</p>

ただし、ブラウザでウィンドウのサイズを変更すると、ナビゲーション バーがハンバーガー メニューに変わりますが、ハンバーガー メニューはクリックできず、展開されません。

ここで何が間違っているのですか?

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

html - How can I SIMPLY Toggle/Hide a Menu from sub-menu in AngularJS

So I've read through a few Stacks and am finding that I must create separate directives to hide/toggle a menu from it's sub-menu items.

I want the menu to HIDE when ANY of the sub-menu items are clicked.

But I feel like there has to be an easier way and am wondering if anyone knows if there is or not?

As of right now, I have my code set to list items that create tabs with values assigned to them. When a sub-menu item is selected, it hides all the tabs EXCEPT for the selected tab value. This way there is no page reload and no parameters being passed.

I'm hoping for a quick fix. I've attached a function prototype with plunkr: HERE

Again, this is just a prototype. The final version will be fancied up. I'm just looking for functionality advice.

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

codenameone - ハンバーガーメニューが消えた

シミュレーターと iOS デバイスのハンバーガー メニューが「見つからない」ことがわかりました。シミュレーターでコードをデバッグすると、メソッドが呼び出されましたが、画面には何も表示されませんでした。

以前のバージョンの cn1 に対してビルドすると問題が解決しました...つまり、最新のコードにバグが導入されたのか、ハンバーガー メニュー (SideMenu) の使用方法を変更する何かが発生したのでしょうか?

0 投票する
0 に答える
120 参照

jquery - ナビゲーションメニューレスポンシブ

ウェブサイトをレスポンシブにして、ハンバーガーのロゴをクリックするとナビゲーション メニューが表示されるようにしようとしていますが、クリックしても表示されません。何も下にスクロールしません。私が間違っていることを理解しないでください。これは私がやったことです:

CSS: