關閉</script>標記符打斷腳本

Question

這只是讓我困惑。生活在行動中的例子在這篇文章的底部。

在我的文檔末尾有一些<script>標籤。

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/offcanvas.js"></script> 
<script src="js/dropdown.js"> 

最終腳本標籤未封閉。此代碼在未封閉時有效。不過，當我添加關閉標記時，代碼不再有效。

這真讓我困惑，我不知道如何解決這個問題。 如果我刪除<script src="js/dropdown.js">，並刪除offcanvas.js的標記</script>，那麼offcanvas.js將停止工作。

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/offcanvas.js"></script> 
<script src="js/dropdown.js"> </script> 

以上does not工作。那麼爲什麼dropdown.js在沒有關閉腳本標記的情況下工作，offcanvas.js不會？

我不確定我錯過了什麼。任何幫助正確的方向將不勝感激。

PS 它只是關閉了腳本標記後，</body> </html>

活在行動下面的例子：

工作：http://mammola.info/testing/bootstrap/

不工作：http://mammola.info/testing/bootstrap/index-notwork.php

Answer 1

在樣本在哪裏工作，dropdown.js是從來沒有執行（嘗試設置斷點），看到的下拉列表是默認的jQuery操作。

您的代碼有問題。所以，當它包含正確時，下拉操作無法正常工作。

以下屏幕截圖來自js正確包含的第二種情況。下面突出顯示的行很可能是問題所在。