Question

我从here找到了这些示例代码

代码如下：

T const&

当我将jQuery粘贴为单独的文件并将其链接到<script> $("#modal2Button").click(function() { $("#modal1").fadeOut(); setTimeout(function() { $("#modal2").fadeIn(); }, 400) }); $("#close-button").click(function() { setTimeout(function() { $("#modal1").fadeIn(); $("#modal2").fadeOut(); }, 1000) }); </script>

内时

<head>

由于某种原因不起作用？

任何帮助将不胜感激！

Answer 1

这仅仅是确保您使用了正确的JavaScript文件路径即可。

<head>
  <script src="./sample_code.js"></script>
</head>

在文件名前注意./，这表明文件与HTML文件位于同一级别。

Answer 2

是的，由于DOM元素尚未加载，并且您正在访问它们，因此绝对不能使用，因此它们将是错误undefined id modal2Button，与下一个相同。

如果在加载所有DOM元素时运行js文件，它们将没有问题。

您可以通过以下方式进行操作：

将脚本标签移动到html底部或正文标签结束之前
在async中使用defer或<script> | script notes | script tag - async and defer
在您的js中使用onload函数

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

2 个答案: