카테고리가 클릭되면 벽돌을 트리거하는 방법은 무엇입니까?

Question

내 웹 사이트에 projects 숫자를 표시하기 위해 멋진 masonry 계단식 그리드 레이아웃 라이브러리를 사용하고 있습니다. 내 웹 사이트의 사이드 바에 나는 또한 내 projects, 그래서 사용자가이를 필터링 할 수 있습니다 속한 다양한 categories을 나열하고,

var container = document.querySelector('#projects'); 
var msnry = new Masonry(container, { 
    // options 
    columnWidth: 280, 
    itemSelector: '.project' 
}); 

지금 :

이 내 자바 스크립트입니다.

범주를 클릭하면 벽돌 효과가 트리거됩니다. this example과 같은 비트가 좋으면 좋습니다.

어떻게 달성 할 수 있습니까?

저는 Javascript와 jQuery에 대해 상당히 새롭기 때문에 해결책은 간단합니다.

도움 주셔서 감사합니다.

Answer 1

은 JQuery와 동위 원소 플러그인에서 들여다 봐도 : http://isotope.metafizzy.co/

는 그것은 벽돌 스타일에 정렬 및 필터링 할 수 있습니다.

Answer 2

새 벽돌을 컨테이너에 추가하고 mimery.reload()와 함께 옵션 animate enable을 사용하여 실행할 수 있습니다. append를 사용하는 대신 prepend를 사용할 수도 있습니다. 이 사이트 http://www.maxmedia.com을 확인할 수도 있습니다.