ブートストラップJSモードとメニュートグル紛争

Question

TL; DRブートストラップJSの順序を変更する（または削除する）と、適切なモジュールが影響を受けます。

私はこの特定の質問に対する答えが高くて低く見えていますが、状況は非常に救済されていません。

私のページには、左側に「ハンバーガー」ドロップダウンメニューがあり、右側にブートストラップを使用してサインアップボタン（モーダルを呼び出す）があります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://apis.google.com/js/platform.js" async defer></script> 
<script src="https://apis.google.com/js/api.js"></script> 
<script src="<?php bloginfo('template_directory'); ?>/assets/js/main.js"></script> 
<script src="<?php bloginfo('template_directory'); ?>/assets/js/bootstrap.min.js"></script> 

JSの順序を変更することにより、私が働いて二つのモジュールのいずれかを取得することができます：ここで私は私のfooter.phpの下部に呼び出すJS順です。 Lemme説明：

状況1（上の順番を使用）：モバイル 'ハンバーガー'メニューをクリックしてメニュドロップをクリックしますが、もう一度クリックすると後退しません。下に留まる）。私はこれが複数のjQuery/jsの問題だと読んでいます。だから私は先に進み、私のヘッダーとfooter.phpをチェックし、他のブートストラップのjavascriptは呼び出されていませんでした。しかし、bootstrap.min.jsを削除すると、メニュートグルが魅力的に機能します。注：モーダルポップアップも完全に機能します。

状況＃2：bootstrap.min.jsをスクリプトの先頭に移動すると、メニューは期待通りに機能しますが、今すぐサインアップボタンがクリックされるとモーダルが短時間表示されて消えます。これらの問題は、bootstrap.min.jsをもう一度削除することで解決できます。

私の質問は、bootstrap.jsがこれらの他のスクリプトのいずれかによって呼び出されているかどうかです。 B/Cは、そのファイルが削除されると問題がなくなります！

ありがとうございました。

Answer 1

最後の2つのスクリプトファイルの順序をこれに切り替えてみてください。あなたがカスタムスクリプトファイルの下に宣言されているため、カスタムスクリプトファイルをブートストラップのようにオーバーライドしているようです。あなた削除すると、魅力の第二

<script src="<?php bloginfo('template_directory'); ?>/assets/js/bootstrap.min.js"></script> 
<script src="<?php bloginfo('template_directory'); ?>/assets/js/main.js"></script> 

のように動作するように思えるブートストラップ、あなたは自分のクラスのためのブートストラップCSSを使用しているが、あなたは、メニューを切り替えるためのmain.jsを使用しています。

ので、スクリプトの両方が「=あなたはmain.jsであなたが呼んでいるあなたのクラスを変更する必要がありますか、ブートストラップで、それはクラスでボタンを呼び出すようにあなたが完全に bootstrap.jsを使用する必要がありますいずれか 同士が衝突していますあなたのmain.jsで$（ "。navbar-toggle"）のようなsomethigを使用している場合、メニューを切り替えるにはnavbar-toggleを使用してください。

モーダルの問題：短時間で動作しているため、モーダルトグルが2つのスクリプトで同時に呼び出されている可能性があります。

bootstrap.jsでモーダル部分を見つけてコメントアウトします。