Przeczytałem w tym sitepoint page i quirksmode page o nowym pseudoklasy :empty
.: pusty pseudoklasa przy dodawaniu treści dynamicznej
Punkt Sitepoint powiedział, że nawet przy dołączonej zawartości dynamicznej pusty styl będzie nadal działał. Należy zauważyć, że firefox był tym, który zachowuje się w ten sposób.
Tryb Quirksmode powiedział, że odrzuca pusty stan, gdy jest wypełniony elementami lub tekstem. wersja demonstracyjna na tej stronie działa w mojej przeglądarce (chrome 19). Zakładam, że tylko firefox będzie błędny.
Mam jednak ten fragment kodu w mojej wtyczce, który dynamicznie wypełnia listę przedmiotami, nie wydaje się działać, here's a fiddle który dołącza elementy listy, nawet jeśli klikniesz przycisk, elementy nie będą pojawiają się, dopóki nie spróbujesz debugować go w konsoli (pojawiają się one magicznie po kliknięciu na <li>
w drzewie elementów).
Dlaczego tak się dzieje i czy istnieje jakieś działanie, aby "odrzucić" pusty styl?
Wiem, że są inne sposoby robienia tego, co robię w skrzypcach (i obecnie wykonuję jeden z tych "innych sposobów"), ale metoda :empty
jest o wiele łatwiejsza.
UPDATE:
dodano przycisk pozycję Usuń. kiedy ostatni przedmiot zostanie usunięty, lista powinna zniknąć - nadal nie działa. hmmm .. spróbuję sprawdzić w innej przeglądarce.
FIX
Temporary fix/alternatywnej do korzystania :empty
i display:none
ma mieć element zero width
, height
, borders
, margins
i paddings
. dodatkowo, position:absolute
, aby usunąć go z przepływu.
Nie natknąłem się na ': empty' do tej pory, a +1 na interesujące pytanie. –
Cóż, pojawiają się one w FX10. –