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')

  • mostrar / ocultar columnas de la tabla usando jQuery
  • Cómo eliminar todos los controlleres de events Click en Jquery
  • ¿Cómo get el nombre del control de UI que dio inicio al evento?
  • Anexar elementos con niños y classs utilizando jQuery
  • ¿Los events bindings en jQuery son muy caros o muy económicos?
  • Forma correcta de solicitar extensiones con browserify
  • ¿Cómo puedo decodificar caracteres UTF8 usando jQuery?
  • ¿Cómo puedo imitar el comportamiento de stopImmediatePropagation () (sin usar jquery)
  • Datatables sDom challenge agrega un nuevo elemento a la esquina inferior izquierda de la tabla
  • Mostrar y ocultar un DIV con CSS o Javascript?
  • Recargar image de captcha
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.