[javascript] Isotope에서 필터링된 항목들에 대한 리레이아웃을 변경하는 방법은 무엇인가요?

Isotope에서는 필터링된 항목의 레이아웃을 다시 정렬하는 메서드인 arrange를 사용할 수 있습니다. 이 메서드를 사용하여 필터링된 항목들을 새로운 레이아웃으로 변경할 수 있습니다.

다음은 Isotope를 사용하여 필터링된 항목들에 대한 레이아웃을 변경하는 예제 코드입니다.

// Isotope 초기화
var $grid = $('.grid').isotope({
  itemSelector: '.item',
  layoutMode: 'fitRows'
});

// 필터링된 항목에 대한 레이아웃 변경
$grid.isotope({ filter: '.filter-class' });

// 필터링된 항목들의 레이아웃 다시 정렬
$grid.isotope('arrange');

위 코드에서 .grid는 Isotope를 적용할 컨테이너를 나타내며, .item은 각각의 항목을 나타냅니다. filter-class는 필터링할 항목의 클래스를 나타냅니다.

arrange 메서드를 호출하면 필터링된 항목들의 레이아웃이 다시 정렬됩니다. 변경된 레이아웃은 애니메이션 효과와 함께 적용됩니다.

참고문서: Isotope - Documentation