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



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

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

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

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

先に解決法から。


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

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

下記が完成形です。



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




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

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




新着記事

【非定型骨折】完全骨折を予測するスコアリングシステム 【復習】非定型大腿骨骨折を、もう一回整理し直したてみた 【ビスホスホネート製剤】中止による非定型大腿骨骨折発生リスクは毎年〇〇%低下する!?



コメントをどうぞ

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