Isotope.js 정렬 데이터 값을 동적으로 변경합니다.

Question

Isotope 항목에서 정렬 데이터 값을 동적으로 변경하려고 시도하지만 Isotope가 초기 순서 값을 캐시하고 'reLayout' 호출에서만이를 사용하는 것으로 보입니다.

클릭하면 컨테이너 폭의 100 %로 확장되는 항목의 페이지가 있습니다. 크기를 조정하면 모든 동위 원소 항목을 특정 위치로 다시 정렬해야합니다. 각 상자를 반복하고 정렬 값을 업데이트합니다.

다음 예제는 올바른 정렬 순서 값을 생성하지만 잘못된 위치 지정을하는 애니메이션이있는 상단과 인이 올바른 결과가되는 두 번째 Isotope 객체를 보여줍니다.

전체 예 : 동위 원소는 새로운 종류의 데이터를 검색하거나 직접 동위 원소의 종류의 데이터 값을 업데이트하는 http://jsfiddle.net/eB85m/4/

어쨌든이 있나요?

Answer 1

당신은 바로 동위 원소는 초기 주문 값을 캐싱에 대한 것 - 동위 원소의 문서 here에서 : 정렬 할 때 신속하게 액세스 할 수 있도록

데이터 캐시는 초기화에 내장되어 있습니다.

Isotope는 'updateSortData'방법을 제공합니다. 초기화 후 정렬 데이터를 업데이트하십시오. Here's a working jsfiddle는 - 그냥 원래 예에

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

을 추가하고 '레이아웃 작업은'주석 - 동위 원소의 정렬 옵션을 업데이트하는 것은 이미 (. 심판 동위 원소의 sorting demo)을 처리한다.