オシゴト整形外科医の本はこちら!!

【BootStrap】デフォルトでハンバーガーメニューが閉まらない謎



BootStrapが秀逸すぎて、正直プログラミングの勉強してるのが馬鹿馬鹿しくなりそうです。

というのも、用意されているテンプレートがフロントエンドで必要とされるような機能がデフォルトで実装されているものがほとんどで、これあればいらねーんじゃねーの?って感じになってしまいます。

そんなBootStrapですがいくつか、なぞもあります。

大きなものとして、ハンバーガーメニュガー開きはしますが閉じません。

先に解決法から。


上記コードをjqueryのscript記載の後に入れるだけです。

しかし、具体的にどこに入れればいいのか?が書いてある記事がありませんでした。

下記が完成形です。



jqueryがhtmlの最後の方で、書かれていると思いますが、その下に、インデントを下げて(enterキーで自動でさがるところまででOK)記載すれば、ハンバーガーメニューが閉じるようになります。




しかし、djangoでは、htmlを書くときに{% extends “〇〇html” %}と、基本的なhtmlの構成を同じにしてページごとに特徴的なコードを追記していく方法があります。

この記載がありながら、再度htmlにjquaryの記載があると挙動がおかしくなる時がありますので注意が必要です。




新着記事

【オワタ】「日本は裕福」は昔の話。ここまで貧しくなったよ!! 【凍結肩】鏡視下関節包切離術のタイミングは? 【大事】ウインタースポーツ外傷は変革。ヘルメット着用は必須!!



コメントをどうぞ

    メールアドレスが公開されることはありません。*印が付いているものは必須です。

    コメントを送信する*