管理人からのお知らせ
診療で使うスコアリングのページ一覧を作成しました!ここをクリック!

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



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

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

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

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

先に解決法から。


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

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

下記が完成形です。



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




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

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




新着記事

【煽り】「次、下がったら買う」って言うてた方々!チャンスですよ! 【勉強】骨粗鬆症治療導入時の歯科治療の考え方 【医療関係者に感謝!!】給与所得控除は減額。勤務医は働いて、お国にがっぽり渡してください〜2020年所得税法改正〜



コメントをどうぞ

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

    コメントを送信する*