powrót do izotopu jquery, jeśli javascript jest wyłączony?

Question

Czy istnieje blokada dla izotopu jQuery, jeśli JavaScript jest wyłączony?

Załóżmy, że jeśli ja nie używam właściwość fitColumns, czy jest awaryjna do tego stylu układu czy JavaScript jest wyłączony, podobnie jak to, co u mają w d new myspace.
początkowe posty, które pojawią się na stronie głównej myspace, będą odpowiednio stylizowane, ale dodatkowy post nie zostanie załadowany po dalszym przewinięciu.
Jaki rodzaj struktury CSS lub metodologii awaryjnej można użyć w takich sytuacjach?

Answer 1

Jeśli JavaScript jest wyłączony i chcesz zachować ładnie ustawione elementy tak, jakby działał jQuery Isotope, możesz polegać tylko na CSS. Oznaczałoby to, że musisz ręcznie ustawić te elementy w żądanej kolejności.

Jeśli jesteś z tym ok następnie wykonaj następujące kroki poniżej, aby rozpocząć:

1. Put nazwę klasy na głównej owijki swoich elementów izotop taki jak off. Na przykład: <div id="isotope-container" class="isotope off">
2. Rozpocznij pozycjonowanie elementów ręcznie i włącz .off jako jeden z selektorów. Na przykład: .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; }.isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; }
3. Następnie na twoim ogólnym pliku jquery, w którym masz wszystkie inne rzeczy napisane, sprawdź, czy istnieje klasa .off, a jeśli tak, usuń ją. Na przykład: if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); }