Jquery Meryry and Foundation 5

Question

저는 Myloryry와 Foundation을 통합하기 위해 Dylan Baumann의 GitHub 저장소를 사용했습니다. Foundation 3에서는 훌륭하게 작동했지만 Foundation 5에서는 그렇지 않았습니다. F3과 F5에서 수직으로 이미지가 쌓입니다. F3 용

는, I는 창의 크기를 세로로 적층 이미지를 정지 다음 JS를 사용했을

$(".title").click(function() { 
    $(window).trigger('resize'); 

});

<script> 
var $container = $('#container'); 
$container.imagesLoaded(function(){ 
    $container.masonry({ 
     itemSelector: '.box', 
     isFitWidth: true 
    }); 
}); 
$("#secondary div.row div.small-12.large-9.columns dl.accordion dd.accordion-navigation a").on("click", function() { 
    $(window).trigger('resize'); 
}); 

는 마크 업 F5의 아코디언 요소에 대한 변경 때문에 창 크기 조정 대상 :

하지만 그건 다음에 F5에서 작동하지 않습니다 (벽돌은 재단 아코디언 요소 내에) 변경되었습니다. 나는 여러 가지 방법을 시도했지만 작동시키지 못합니다.

The site in question is here - "Bilder far Adventure"를 클릭해야합니다.

누구나 이미지 스태킹 문제에 대한 해결책을 찾았습니까?

Answer 1

좋습니다. 알아 냈습니다. 창 크기 변경 대신 window.dispatchEvent(new Event("resize"))을 사용하십시오.

$("dd.accordion-navigation a").on("click", function() { 
    window.dispatchEvent(new Event("resize")) 
}); 

작동!

Answer 2

내가 지킬를 사용하여 콘텐츠 사이트 프로젝트를하고있는 중이 야 내가 가능한 답변을 내놓았다 내 연구를하고 있었다 같이

나는 당신이 그것을 The Zurb Way

을하는 것이 좋습니다