Bootstrap JS Modal和Menu Toggle Dispute

Question

TL; DR更改順序（或刪除）Bootstrap JS會影響哪個模塊正常工作。

我一直在尋找答案這個具體問題的高和低，但沒有什麼已經很好的補救情況..在這裏。

在我的頁面上，左側有'hamburger'下拉菜單，使用Bootstrap在右側有一個註冊按鈕（用於調用模式）。這裏是JS爲了我在footer.php底部撥打：

<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的順序，我可以得到工作的兩個模塊之一。 Lemme解釋說：

情況1（使用上面的順序）：我點擊移動'漢堡'菜單，然後按下按鈕，但再次點擊時，它拒絕返回（你可以看到它稍微移動，但它仍然停留下來）。我讀到這是一個多重的jQuery/js問題。所以我繼續檢查我的頭文件和footer.php，並沒有其他引導程序的JavaScript被稱爲。但是，當我刪除bootstrap.min.js時，菜單切換就像一個魅力。注意：模式彈出窗口完美地工作。

情況2：通過將bootstrap.min.js移動到腳本的頂部，菜單按預期工作，但現在註冊按鈕單擊時將短暫顯示模式，然後消失。這些問題可以通過再次刪除bootstrap.min.js來解決....

所以我的問題是，bootstrap.js是否被這些其他腳本中的任何一個調用？ B/C一旦該文件被刪除，該問題就不復存在！

感謝大家的幫助。

Answer 1

嘗試切換您的最後兩個腳本文件的順序。似乎引導程序正在覆蓋您的自定義腳本文件，因爲它在其下面聲明。一旦你刪除引導看起來像一個魅力

<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完全 喜歡它調用類的按鈕=」 navbar-toggle「切換菜單 ，如果您在main.js中使用諸如$（」。navbar-toggle「）之類的somethig，則它們會互相干擾。

對於你的模態問題：由於它在短時間內工作，可能是兩個腳本同時調用模態切換的情況。

在bootstrap.js中找到模態部分並將其註釋掉。