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



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

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

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

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

先に解決法から。


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

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

下記が完成形です。



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




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

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




新着記事

【読書】1%の努力 【読書】人は聞き方が9割 【アプリ化】SRS質問票とGoogle スプレッドシートを紐付けして自動集計



コメントをどうぞ

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