3

jQuery Quicksandプラグインを使用して、日付でリストをフィルタリングしています。

与えられた例のように機能していますが、フィルターはロードされるアイテムに適用され、<li>すべてblockのアイテムがロードされるとfloat:leftCSSが適用されます。プロセス全体を少しびくびくして乱雑に見せます。

私が理解できないのは、Quicksandサイトの例ではそれが起こらない理由です。リストが消えてからスムーズに再表示されます。私はCSSを詳しく調べて、の多くのバリエーションを試しましdurationたeasingが、同じことが起こります。

4

2 に答える 2

2

問題は、jQueryが作用しているIDにCSSが適用されていたことです。したがって、jQ操作が行われるたびに、スタイルが再ロードされました。CSSが作用するクラスも適用することで、2つは別々に保たれ、スタイルがすぐに適用されました。

つまり <ul id="magazines">、jQが#magazinesに作用し、CSSも作用する#magazinesと、読み込みが遅れます。

<ul id="magazines" class="mag-list">jQが機能し#magazines、CSSが機能する.mag-listのが道です。

于 2010-10-03T15:46:38.780 に答える
0

答えは、liのcssは常にfloat：leftである必要があるということです。これは、スタイルシートにハードコーディングする必要があります。JSを使用してulを非表示にし、コンテンツをロードしたliを作成してから、ulを表示する必要があります。

実際、すべてのcssをスタイルシートにハードコーディングし、ulを非表示にし、lisをロードし、ulを表示する必要があります。

このようにすると、プログレッシブエンハンスメントの設定が簡単になります。これにより、jsを使用しないユーザーは、アニメーションを使用せずに同じコンテンツにアクセスできます。

まず、ulは非表示になりません。これは、jsを使用して行われるためです。したがって、js以外のユーザーのアンカーとしてラジオボタンを使用するだけで、クリックすると、getメソッドを介してアクセスされるURLにクエリ文字列が追加されます。これを既存のajaxバックエンドに組み込むことができます。

次に、jsのラジオボタンのリンクを交換します。

于 2010-10-03T14:59:45.983 に答える