当您将 JavaScript (jQuery) 作为单独的文件链接时，它有时不起作用

代码是这样的：

$("#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>

</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