javascript - Jquery 在没有事件触发的情况下部分工作

Question

我有 html 文件，其中包含一些 js 文件和 jquery。

文件 1.js 中的脚本工作正常。文件 2.js 中的脚本也可以正常工作，但 Jquery 并不总是有效。所以我运行一些脚本，结果它应该隐藏“.popup”。一切正常 - 我向控制台运行一条消息，但 hide() 或 click() 等事件不起作用。

console.log("All done!");//works
console.log($(".popup"));//works fine – shows the right element in console

$(".popup").click();//doesn't work
$(".popup").hide();//doesn't work

我不想将所有脚本连接到一个文件中，并尝试理解为什么一个文件中的脚本总是没问题，而另一个文件中的脚本却不起作用。

有什么想法吗？

Answer 1

由于我们看不到您的大部分代码，我的答案只是一个很好的猜测:

原因是你的 javascript 在 DOM 渲染之前执行，因此尝试选择你的元素的 $(...) 目前无法找到它。

这就是为什么 jQuery 有一个 ready 函数，一旦你的 DOM 准备好就会执行它:https://api.jquery.com/ready/

$(document).ready(function() {
      $(".popup").click();
      $(".popup").hide();
}

它适用于您的 console.log 语句，因为您传递给它的值是在函数执行后评估的。 (其实我也不知道真正的原因，得自己研究)

编辑:Is Chrome's JavaScript console lazy about evaluating arrays?解释了 console.log() 行为的原因(仅限 chrome)