동위 원소 (다시!) 이미지가 중복 됨 수직

Question

나는 검색했지만 해답을 찾을 수 없었다. 나는 동위 원소 필터링에서 많은 이미지를 얻었고 imagesLoaded를 얻었지만 이미지는 여전히 수직으로 서로 중첩되어 있습니다.
여기 링크의 http://cpmedia.pl/test/portfolio.html

코드 :

$(function(){ 
var $container = $('#container'); 
$container.imagesLoaded(function(){ 
    $container.isotope({ 
     itemSelector : '.itemwrap', 
     layoutMode: 'horizontal', 
     horizontal: { 
      verticalAlignment: 0.5 
     } 
    }); 
}); 

});

및 STIL 아무것도 ...

Answer 1

먼저 yepnope 한 번 그 자체로 다시 두 번 jQuery를 로딩하고 있습니다. 두 번째로, #container에 이미지를로드하고 (내가 귀하의 페이지에는 표시되지 않음) 다시 한번 동위 원소를 두 번 호출합니다. portfolioContainer는 존재하지만 imagesLoaded를 사용하여 호출되지 않습니다. 당신은 한 번 jQuery를로드 한 번 동위 원소를 호출하고이 코드를 시도 할 필요가 : 당신은 수평 사용하려면

$(function(){ 
var $container = $('.portfolioContainer'); 
$container.imagesLoaded(function(){ 
$container.isotope({ 
    itemSelector : '.itemwrap', 
    layoutMode: 'horizontal', 
    horizontal: { 
     verticalAlignment: 0.5 
    } 
}); 
}); 
}); 

, 다음을 here를 얻을

칙뿐만 아니라로드 :

원본을 보면 여전히 js 파일의 여러 복사본을로드하고 있습니다. 이것은 귀하의 출처에서 볼 수 있습니다 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="assets/core/libs/js/loader.js"></script> 
<script src="assets/core/libs/js/vendor/jquery.livetwitter.min.js"></script> 
<script src="assets/core/libs/js/vendor/jquery.selestnav.min.js"></script><script src="assets/core/libs/js/plugins.js"></script> 
<script src="assets/core/libs/js/main.js"></script> 
<script src="assets/user/user.js"></script><script src="skinme/skinme.js"></script> 
<script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script> <script src="./assets/core/libs/js/jquery.min.js"></script> 
<script src="./assets/core/libs/js/loader.js"></script> 
<script src="./assets/html5lightbox.js"></script> 
<script src="./assets/core/libs/js/jquery.isotope.min.js"></script> 
<script src="./assets/core/libs/js/jquery.livetwitter.min.js"></script> 
<script src="./assets/core/libs/js/jquery.jribbble.min.js"></script> 
<script src="./assets/core/libs/js/jquery.selestnav.min.js"></script> 
<script src="./assets/core/libs/js/plugins.js"></script> 
<script src="./assets/core/libs/js/main.js"></script> 
<script src="./assets/core/libs/js/user.js"></script> 
<script src="./assets/core/libs/js/skinme.js"></script> 
<script src="./assets/core/imagesloaded.pkgd.js"></script>