当您将 JavaScript (jQuery) 作为单独的文件链接时，它有时不起作用
代码是这样的：
<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>
出于某种原因，这不起作用？
任何帮助将不胜感激！
喵喔喔浏览 142回答 2
2回答
-
尚方宝剑之说
这只是确保您使用正确的 JavaScript 文件路径的问题：<head> <script src="./sample_code.js"></script></head>请注意./文件名之前的符号，它表示该文件与您的 HTML 文件处于同一级别。 -
ITMISS
是的，它肯定不会工作，因为 DOM 元素尚未加载，而您正在访问它们，因此它们将是undefined id modal2Button下一个相同的错误。如果在加载所有 DOM 元素时运行 js 文件，它们将没问题..您可以通过以下方式做到这一点：将您的脚本标签移动到 html 底部或 body 标签结束之前使用async或defer在<script>| 脚本笔记| 脚本标签 - 异步和延迟onload在你的 js 中使用函数
随时随地看视频慕课网APP
相关分类
JavaScript