問題タブ [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.
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
問題のスクリーンショット
プロジェクト内の XML ファイル:
ベクター ファイル (ic_drawer.xml):
アニメーション化されたベクター ファイル (ic_drawer_to_close.xml):
アニメーション ファイル (drawer_to_close.xml):
誰かがこの問題で私を助けてくれることを願っています。
android - ツールバーのハンバーガーメニューをクリックしたときにメニューを表示したい
どこでも検索しましたが、欲しいものが見つかりません。
ツールバーのバーガーメニューをクリックすると、ナビゲーションドロワーメニューのようにメニューを表示する必要がありますが、左側ではなく、上部から表示する必要があります。スライド ダウン アニメーションが必要です
ここに2つの写真があり、メニューアイコンをクリックする前に達成したいことを示しています:
クリック後:
これは私のレイアウトxmlです
html - クリックしてもトグルが反応しない
モバイル対応メニューを作成しようとしていますが、主な問題は、クリックしてもナビゲーション ボタンが切り替わらないことです。これが私がこれまでに思いついたものです。HTML + JQuery:
これはCSSです:
ご協力いただきありがとうございます。アレッサンドロ
javascript - ウィンドウリサイズ機能
ハンバーガーメニューを作成しましたが、ドロップダウンは問題ありませんが、ウィンドウを再度最大化すると、ULリストは「表示なし」ステータスを維持するため非表示のままになります。ウィンドウのサイズ変更機能を追加する必要があることはわかっていますが、方法がわかりません。どうすればこれを修正できますか?
これはコーディングです:
ありがとうございました。
jquery - ブートストラップ 3: ナビゲーションバーの折りたたみは折りたたむが展開しない
Bootstrap 3 を使用して、かなり単純な静的 Web サイトを構築しています。
ナビゲーションに関しては、デスクトップでは全幅のナビゲーション バーが必要で、モバイルでは「ハンバーガー」メニューが必要です。
そこで、Bootstrap の navbar-collapse を使用しました。
this oneまたはthat oneのような他の多くの同様の質問で示唆されているように、<head></head>
タグの間に次の行を含めて、最新の Bootstrap JS ファイルが含まれていることを確認しました。
—————</p>
更新:私は次のインクルードも持っています<head></head>
:
さらに、上記のコードの下には、いくつかのカスタム JS スクリプトもあります。
—————</p>
更新 2 : ここに私のブラウザー コンソール ログがあります。
—————</p>
ただし、ブラウザでウィンドウのサイズを変更すると、ナビゲーション バーがハンバーガー メニューに変わりますが、ハンバーガー メニューはクリックできず、展開されません。
ここで何が間違っているのですか?
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.
codenameone - ハンバーガーメニューが消えた
シミュレーターと iOS デバイスのハンバーガー メニューが「見つからない」ことがわかりました。シミュレーターでコードをデバッグすると、メソッドが呼び出されましたが、画面には何も表示されませんでした。
以前のバージョンの cn1 に対してビルドすると問題が解決しました...つまり、最新のコードにバグが導入されたのか、ハンバーガー メニュー (SideMenu) の使用方法を変更する何かが発生したのでしょうか?
jquery - ナビゲーションメニューレスポンシブ
ウェブサイトをレスポンシブにして、ハンバーガーのロゴをクリックするとナビゲーション メニューが表示されるようにしようとしていますが、クリックしても表示されません。何も下にスクロールしません。私が間違っていることを理解しないでください。これは私がやったことです:
CSS: