동위 원소로드가 더 많은 페이지 지정

Question

나는 http://isotope.metafizzy.co/ 사이트에서 동위 원소를 사용하고 버튼을 눌러 더 많은 항목을로드하는 방법을 구현했습니다. 문제는 요소의 초기 개수 만 표시하도록 요소를 숨길 때 동위 원소 그리드의 크기가 조정되지 않는다는 것입니다. Show more 버튼을 누르면 레이아웃이 정확하게 조정됩니다.

그것은 그

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

하지만

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

작품 잘 보인다. 내가 뭘 잘못하고 있는지 말해 줄 수 있니? http://codepen.io/laura-chesches/pen/RKPWGo

Answer 1

난 내 자신의 문제를 해결 버튼 (더보기) 기능 용지를 더를 만들기 위해 관리 : 여기

는 codepan의 데모입니다.

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

:

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

난 그냥 필요 내가 사용하는 새로운 기능을 만들 수 arrangeComplete 이벤트를 사용해서는 안 보인다 : 여기 는 작업 코드