フリーランスエンジニア実体験ブログ(5年目)

ド田舎から地方都市(名古屋)に出てフリーランスのシステムエンジニア(プログラマー)として独立した管理人S。フリーエンジニアの現実やメリット/デメリット、事前に知っておくべき年収の相場、案件のお話をお伝えしています。

ブログ

Laravel5.6 | Bootstrap4 | navbar でドロップダウンが反応しない


Laravel5.6でWebアプリケーションを作っております。

ちょこちょこハマることがあった(というか学びながらなのでつっかかるのは仕方ないよね、というコトにしておこう)ので、随時メモ。

今回は、Bootstrapのnavbarで、「見た目はきちんと見えてるけど、ドロップダウンのメニューをクリックしても展開してくれない」というもの。

結論から言うと、フッタに入れてたこの3行(jquery, popper, bootstrap の javascriptファイルを読み込む部分)が不要でした。

 

同様の「動かん!」という問い合わせは stackoverflow 英語サイトでもいくつか出ていたのだけれど、「popper.jp 入れ忘れてない?」「読み込みの順番も大切っすよ?」みたいなのが多くて、試してみても解決せず…。

「フッタにちゃんと入れてますけど?」と思ってたら、ヘッダ部分で

 

ってのがあって、この app.js で必要なもの全部読み込んでました・・。フッタで二重に読み込んだら、そら動きませんわね。

chrome のデベロッパーツールで動きを見たりもしてたんだけど、全然気付きませんでした。ちぇ。

新しい記事が追加されたらメールでお知らせ

新しい記事が追加されたらメールでお知らせ

新しい記事が追加された時、自動的にメールでお知らせ致します。 こちらのフォームにメールアドレスを入力してお申し込みください。

-ブログ
-, , , , ,