2017-01-06 6 views
1

サイトhttp://isotope.metafizzy.co/から同位体を使用し、ボタンを押してより多くのアイテムをロードする方法を実装しました。 問題は、要素の最初の数だけを表示するように要素を非表示にすると、同位体グリッドは拡大縮小されません。 moreボタンを押すと、レイアウトが正確に拡大/縮小されます。同位体負荷によるページ番号付け

それはその

$grid.isotope('hideItemElements', $(this)).isotope('layout'); 

しかし

$grid.isotope('revealItemElements', $(this)).isotope('layout'); 

作品だけで罰金です。私は何が間違っているのか教えていただけますか?ここで

はcodepanでデモです:http://codepen.io/laura-chesches/pen/RKPWGo

答えて

4

私は自分の問題を解決し、より機能的な負荷(もっとを表示)ボタンを作ることができました。ここで は、作業コードです:

var itemElems = $grid.isotope('getFilteredItemElements'); 

http://codepen.io/laura-chesches/pen/xgEOpY

私はちょうど私が使用している新しい関数を作成するために必要な、私はarrangeCompleteイベントを使用しているべきではないと思われます

関連する問題