Advertencia de FireFox "Seudo-class o pseudo-elemento desconocido 'oculto'" sigue ejecutándose una y otra vez

Recientemente descubrí una advertencia en Firefox que dice

Advertencia: pseudo-class desconocida o pseudo-elemento 'oculto'

Aquí está la página http://eleven23.net/eleven23/beta/work/web/lounge22.php

Y la advertencia ocurre cuando llega a la parte de javascript que tiene img: hidden

$ ('img: hidden'). eq (0) .fadeIn (500); // se desvanece en las imágenes ocultas una por una i ++; // agrega 1 al recuento

Así que me pregunto si alguien tiene una idea sobre cómo resolver esta advertencia.

¡Gracias!

2 Solutions collect form web for “Advertencia de FireFox "Seudo-class o pseudo-elemento desconocido 'oculto'" sigue ejecutándose una y otra vez”

El primer paso es detener realmente la llamada repetida de doThis() través de setInterval que en este momento no sucede. Por lo tanto, la advertencia aparece cada 500 ms.

Cambio

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

a

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

De lo contrario, su llamada a clearInterval(int) no hará nada, ya que declaró var int dos veces y tratar de borrar el int "externo" que no es el intervalo.

Después de esta solución, solo 4-5 de esta advertencia deben permanecer en su console.


Ahora a tu error. No hay mucho que pueda hacer para evitar que este error aparezca exactamente tantas veces que llama a doThis() .

jQuery usa Sizzle internamente como motor de selección. Y en algunos casos Sizzle intenta utilizar (en los browseres compatibles) la function querySelectorAll() para encontrar los elementos que coinciden con su selector.

Ahora AFAIK no está hidden no es un selector de CSS válido, aunque Firefox admite la llamada a querySelectorAll() que falla correctamente después de encontrarse con un selector desconocido. jQuery detecta el error y luego hace la selección de la image:hidden .

Si no desea ver este error, puede utilizar una syntax de jQuery diferente que en este caso evitaría que Sizzle intente utilizar querySelectorAll() .

Cambio

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

a

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

Pero no te aconsejo que hagas esto, ya que realmente no te da mucho, solo 4-5 advertencias less en tu console.

Lamentablemente, este es un error dentro de JQuery. Ver: http://docs.jquery.com/Selectors/hidden

Revisa firebug, incluso en su página de ejemplo obtienes esta misma advertencia. Se refiere a una pseudoclass CSS inexistente: oculta. Donde estás usando $('img:hidden')

  • JQuery orderable nested orderable divs
  • Eliminando la búsqueda en jPlayer
  • Componente stratus Soundcloud roto. UnEdge ReferenceError: soundManager no está definido player.js: 10
  • Reemplace keyCode en IE 11
  • Manejar la descarga de files desde la publicación de Ajax
  • Arrastra y suelta en canvas de mozilla
  • ¿Cómo cargo un JSON externo desde un script en una página web?
  • TypeError: $ (...) .attr no es una function
  • Safari mobile ignooring evita el valor pnetworkingeterminado
  • ¿Cómo uso JQuery para desactivar un button de envío?
  • Jasny Bootstrap - Ocultar button de enviar hasta que se select el file
  • jQuery encuentra elementos incorrectos en Chrome
  • herramientas de refactorización de código jquery
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.