结束标记会破坏脚本

Question

这个让我感到困惑。活动中的例子就在这篇文章的底部。

在我的文档末尾有一些<script＆gt;标签

<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＆gt;标签，代码不再有效。

这让我很困惑，我不知道如何解决这个问题。 如果我删除<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>

以上不起作用。那么为什么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。下面突出显示的行很可能是问题所在。