javascript - FireFox warning "Unknown pseudo-class or pseudo-element ' hidden' ”不停地跑来跑去

Question

我最近在 Firefox 中发现了一个警告

Warning: Unknown pseudo-class or pseudo-element 'hidden'

这是页面 http://eleven23.net/eleven23/beta/work/web/lounge22.php

并且当它到达具有 img:hidden 的 javascript 部分时会发生警告

$('img:hidden').eq(0).fadeIn(500);//fades in the hidden images one by one i++;//add 1 to the count

所以我想知道是否有人知道如何解决此警告。

谢谢!

Answer 1

第一步是真正停止通过 setInterval 重复调用 doThis()，目前不会发生这种情况。因此，警告每 500 毫秒出现一次。

改变

$(document).ready (function() {
  var int = setInterval("doThis(i)",500);
});

到

$(document).ready (function() {
  int = setInterval("doThis(i)",500);
});

否则你对 clearInterval(int) 的调用将不会执行任何操作，因为你声明了两次 var int 并尝试清除不是间隔。

此修复后，只有 4-5 个警告会保留在您的控制台中。

---

现在你的错误。要阻止此错误在您调用 doThis() 的次数中出现，您无能为力。

jQuery 在内部使用 Sizzle 作为选择器引擎。在某些情况下，Sizzle 尝试使用(在支持的浏览器上)querySelectorAll()函数来查找与您的选择器匹配的元素。

现在 AFAIK 是 hidden 不是有效的 CSS 选择器，因此尽管 Firefox 支持对 querySelectorAll() 的调用，但它在遇到未知选择器后正确地失败了。 jQuery 捕获错误，然后选择 image:hidden 本身。

如果您根本不想看到此错误，您可以使用不同的 jQuery 语法，在这种情况下，它会阻止 Sizzle 尝试使用 querySelectorAll()。

改变

$('img:hidden').eq(0).fadeIn(500);

到

$('img:hidden', $('div#content_wrapper')).eq(0).fadeIn(500);

但我不建议您这样做，因为它实际上并没有给您带来太多好处，只会在您的控制台中减少 4-5 条警告。