javascript - 结束 </script> 标签会破坏脚本

标签 javascript html

这让我很困惑。实际操作示例位于本文底部。

我的文档末尾有一些<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 时> 标签,代码不再有效。

这真的让我很困惑,我不知道如何解决这个问题。 如果我删除<script src="js/dropdown.js"> ,然后我删除结尾 </script>标记 offcanvas.js,然后 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

最佳答案

在示例dropdown.js从未执行(尝试设置断点),看到的下拉菜单是默认的jquery操作。

您的代码有问题。因此,当正确包含它时,下拉操作将无法正常工作。

下面的截图是第二种正确包含js的情况。下面突出显示的行很可能就是问题所在。

enter image description here

关于javascript - 结束 &lt;/script&gt; 标签会破坏脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20136783/

相关文章:

javascript - 左右两侧分别放置两个div容器,每个div之间有间隙

javascript - 我怎样才能让位于 iFrame 中的表单在新选项卡中打开?

javascript - 我无法让我的待办事项列表正常工作

javascript - 使用 DOM 中已有的图像时避免网络请求

html - 带有圆形边框的png图标-CSS

html - 更改 div 宽度会导致所有内容转到 div 的底部

javascript - 将二进制数数组转换为相应的整数

javascript - 如何以三人为一组数数(图案)

Javascript TIC TAC TOE - AI 不工作?

javascript - 将服务器中的值分配给 html 并保存