5

Isotope アイテムの並べ替えデータ値を動的に変更しようとしていますが、Isotope は最初の注文値をキャッシュし、'reLayout'呼び出しでのみ使用するようです。

クリックするとコンテナの幅の 100% に拡大する項目のページがあります。サイズを変更すると、すべての同位体アイテムを特定の位置に並べ替える必要があります。各ボックスをループして並べ替え値を更新します。

次の例は、2 つの Isotope オブジェクトを示しています。一番上のアニメーションは適切な並べ替え順序の値を生成しますが、配置が正しくありません。2 番目のオブジェクトは正しい結果になるはずです。

完全な例: http://jsfiddle.net/eB85m/4/

Isotope が新しい並べ替えデータを取得したり、Isotope の並べ替えデータ値を直接更新したりする方法はありますか?

4

1 に答える 1

11

Isotope が最初の注文値をキャッシュすることについては正しいです。Isotope のドキュメントはこちらから:

データ キャッシュは初期化時に構築されるため、並べ替え時にすばやくアクセスできます。

Isotope は、updateSortData初期化後に並べ替えデータを更新する方法を提供します。これが動作する jsfiddleです。

// Update sort data
// http://isotope.metafizzy.co/docs/methods.html#updatesortdata
$('#iso').isotope( 'updateSortData', $('#iso').children() );

元の例にコメントし、「reLayout」にコメントしました–アイソトープのソートオプションを更新すると、すでにそれが処理されます（参照アイソトープのソートデモ）。

V2 アップデート:

V2では使用できます（以下のコメント$('#iso').isotope('updateSortData').isotope();
ごと）

于 2013-03-28T02:14:03.527 に答える