5

JavaScript が無効になっている場合、jQuery isotope のフォールバックはありますか?

そこに fitColumns プロパティを使用している場合、JavaScript が無効になっている場合、そのレイアウト スタイルへのフォールバックがあるとし ます。
myspace ホームページに表示される最初の投稿は適切にスタイル設定されますが、さらにスクロールしても追加の投稿は読み込まれません。
このような状況では、どのような CSS 構造またはフォールバック手法を使用できますか?

4

1 に答える 1

2

JavaScriptが無効になっていて、jQuery Isotopeがその役割を果たしているかのように要素を適切に配置したい場合は、CSSのみに依存できます。つまり、これらの要素を必要な順序で手動で配置する必要があります。

それでよければ、以下の手順に従って開始してください。

  1. などのIsotope要素のメインラッパーにクラス名を付けますoff。例えば： <div id="isotope-container" class="isotope off">
  2. 要素の配置を手動で開始.offし、セレクターの1つとして含めます。例えば： .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'); }
于 2013-03-07T08:53:35.353 に答える