代码是这样的：<script> $("#modal2Button").click(function() { $("#modal1").fadeOut(); setTimeout(function() { $("#modal2").fadeIn(); }, 400) }); $("#close-button").click(function() { setTimeout(function() { $("#modal1").fadeIn(); $("#modal2").fadeOut(); }, 1000) });</script>当我将 jQuery 粘贴为单独的文件并将其链接到 <head><head><script src="sample_code.js"></script></head>出于某种原因，这不起作用？任何帮助将不胜感激！
2 回答
尚方宝剑之说
TA贡献1788条经验 获得超4个赞
这只是确保您使用正确的 JavaScript 文件路径的问题：
<head>
<script src="./sample_code.js"></script>
</head>
请注意./文件名之前的符号，它表示该文件与您的 HTML 文件处于同一级别。
ITMISS
TA贡献1871条经验 获得超8个赞
是的，它肯定不会工作，因为 DOM 元素尚未加载，而您正在访问它们，因此它们将是undefined id modal2Button下一个相同的错误。
如果在加载所有 DOM 元素时运行 js 文件，它们将没问题..
您可以通过以下方式做到这一点：
将您的脚本标签移动到 html 底部或 body 标签结束之前
使用
async或defer在<script>| 脚本笔记| 脚本标签 - 异步和延迟onload在你的 js 中使用函数
添加回答
举报
0/150
提交
取消