为什么我的页面不能正常自动刷新？

Question

我的目标是在 class p.fancybox-error 可见时刷新页面，但我想知道为什么这部分代码在我的页面顶部不起作用。

<script type="text/JavaScript">
  var theDiv = document.querySelector("p.fancybox-error");
  theDiv.addEventListener("click", function() {
    setTimeout(function(){ location.reload(); }, 5000);
  });
</script>     

我把它放在这一行下面：

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

但是它给我这个错误：

null is not an object (evaluating 'theDiv.addEventListener')

非常感谢大家，看看@Stephane 的回答，它非常适合我。

Answer 1

这会每秒轮询一次以查找您的 class 和 auto-reloads（当它存在时）

$(function() {
  setInterval(function() {
    if($("p.fancybox-error").length) location.reload();
  }, 1000);
});