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



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

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

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

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

先に解決法から。


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

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

下記が完成形です。



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




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

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




新着記事

【骨質低下】骨密度とは異なる治療方針が必要?? 【骨粗鬆症】骨質低下の所見として、アレが有能だった!? 【最高】医師のQOLを上げるには、Web学会が最適解だった件



コメントをどうぞ

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

    コメントを送信する*