이 Codyhouse 스크립트에 동위 원소 ('레이아웃')를 어디에 넣어야합니까?

Question

질문이 있습니다. 누군가 도와 줄 수 있기를 바랍니다.

Codyhouse 템플릿 (link)으로 웹 사이트를 만들고 있는데 포트폴리오 페이지 중 하나에 동위 원소 표를로드하려고합니다.

그러나 모든 동위 원소 그리드 항목은 서로 쌓이거나 아래에 있습니다. Isotope 레이아웃 함수 (http://isotope.metafizzy.co/layout.html)를 사용하여 페이지 중 하나를 연 후 그리드를 다시 레이아웃해야한다고 생각합니다. 그러나 코드에서 어디에 넣어야합니까? 죄송합니다. 제 Jquery/Javascript가 상당히 나쁩니다.

아마도이 기능에 있습니까? 질문은, 어떻게?

//open project 
    projectsPreviewWrapper.on('click', 'a', function(event){ 
    event.preventDefault(); 
    if(animating == false) { 
     animating = true; 
     navigationTrigger.add(projectsContainer).addClass('project-open'); 
     openProject($(this).parent('li')); 

    } 
}); 

Answer 1

당신이 이런 식으로 뭔가 할 수있는 문제의 그리드의 ID를 가지고 가정 :

//open project 
projectsPreviewWrapper.on('click', 'a', function(event){ 
    event.preventDefault(); 
    if(animating == false) { 
    animating = true; 
    navigationTrigger.add(projectsContainer).addClass('project-open'); 
     openProject($(this).parent('li')); 
    } 

    $('#yourGridIdHere').isotope('layout'); 
}); 

은 동위 원소에 대한 꽤 좋은 문서가를, 그것을보고

가치가있을 수도 있습니다 Isotope documentation