javascriptが無効の場合、jquery isotopeのフォールバック？

Question

JavaScriptが無効の場合、jQueryアイソトープのフォールバックはありますか？ JavaScriptがuはD new myspaceに持っているもののように、無効になっている場合

私はそこfitColumnsプロパティを使用してmの場合と仮定し、そのレイアウトスタイルへのフォールバックがあります。
あなたのマイスペースのホームページに表示される最初の投稿は正しくスタイルされますが、さらにスクロールすると追加の投稿は読み込まれません。
このような状況では、どのようなCSS構造やフォールバック方法を使用できますか？

Answer 1

JavaScriptが無効になっていて、jQueryアイソトープがその仕事をしているように要素をうまく配置したい場合は、CSSのみを使用できます。つまり、必要な順序でこれらの要素を手動で配置する必要があります。

あなたはそれでOKなら、次に起動するには、以下の手順に従います。

1. などoffとしてあなたの同位体元素のメインラッパーにクラス名を入れてください。例：<div id="isotope-container" class="isotope off">
2. 要素の手動配置を開始し、セレクタの1つに.offを追加します。例：.isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; }.isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; }
3. 次に、他のすべてのものが書かれている一般的なjqueryファイルで、.offクラスが存在するかどうかを確認し、存在する場合は削除します。例：if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); }