He leído en este sitepoint page y quirksmode page sobre el nuevo :empty
pseudoclass.: pseudoclass vacío al agregar contenido dinámico
Sitepoint dijo que incluso cuando hay contenido dinámico adjunto, el estilo vacío seguirá teniendo efecto. Se observa que Firefox fue quien se comportó de esta manera.
Quirksmode dijo que descarta el estado vacío cuando lo completó con algunos elementos o texto. la demostración en este sitio funciona en mi navegador (Chrome 19). Así que supuse que solo Firefox estaría con errores.
Sin embargo, tengo este código en mi complemento, que llena dinámicamente una lista con elementos, no parece funcionar, here's a fiddle que agrega elementos de la lista, incluso si hace clic en el botón, los elementos no aparecerá hasta que intente depurarlo en la consola (aparecen mágicamente cuando hace clic en <li>
en el árbol de elementos).
¿Por qué está pasando esto, y hay un trabajo para "descartar por la fuerza" el estilo vacío?
Sé que hay otras maneras de hacer lo que estoy haciendo en el violín (y actualmente hacer una de estas "otras formas"), pero el método :empty
es mucho más fácil.
ACTUALIZACIÓN:
añadió un botón elemento de eliminación. cuando se elimina el último elemento, la lista debería desaparecer, pero aún no funciona. hmmm ... intentaré verificar en otro navegador.
FIX
Temporal fix/alternativa al uso de :empty
y display:none
es tener el elemento de tener cero width
, height
, borders
, margins
, y paddings
. adicionalmente, position:absolute
para eliminarlo del flujo.
No me había encontrado ': empty' hasta ahora, y +1 para una pregunta interesante. –
Bueno, están apareciendo en FX10. –