2014-05-19 2 views
0

벽돌집 Jquery를 블로그 목록의 Squarespace 사이트에 통합하려고하는데 올바르게 설정했다고 생각되지만 작동하지 않습니다.벽돌이 올바르게 작동하지 않습니다.

내가 일하고 사이트는 다음과 같습니다 http://levelupreviews.squarespace.com/blog

나는 폴더 스크립트에서 스크립트 파일을 업로드 및 최종 body 태그 후 자바 스크립트를 삽입했습니다. 여기를 참조하십시오 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="scripts/jquery.masonry.min.js"></script> 
<script> 
    $(function(){ 

    var $container = $('#container'); 

    $container.imagesLoaded(function(){ 
     $container.masonry({ 
     itemSelector : '.blog-list-container' 
     }); 
    }); 

    }); 
</script> 

저는 Jquery에 익숙하지 않아 올바른 방향으로 도움을 주시면 대단히 감사하겠습니다. 감사!

답변

0
itemSelector : '.blog-list-container' 

이것은 컨테이너가 아니라 항목에 적용되어야합니다.

너무로 변경 :

당신이 다른 플러그인을 단지 경우
itemSelector : '.blog-cards' 

사용하고, 이것은 하나의 메신저에 관한 이야기이다 : 그것은 JQuery와는 작동하지 않는 것 같다

http://masonry.desandro.com/

+0

아, 이해가됩니다. 그냥 그것을 변경, 그러나 그것은 작동하지 않는 것 .. 어떤 생각? – user3370902

+0

음 어쩌면 당신은 그래서 당신의 코드가 될 것입니다 컨테이너에서 removinf $를 시도해야합니다 : $ (함수() { VAR 컨테이너 = $ ('# 용기'); container.imagesLoaded (함수() { container.masonry ({ itemSelector : '.blog-cards' }), }), }); ,이 스 니펫을 $ ("document")에 삽입하십시오. ready (function() {}) – ProllyGeek

0

웬일인지 내가 그것을 바꿨 더라면 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="scripts/jquery.masonry.min.js"></script> 
<script> 
    $(function(){ 

     var $container = $('.content'); 
    // initialize 
    $container.masonry({ 
     columnWidth: 20, 
     itemSelector: '.blog-cards' 
    }); 

    }); 
</script> 

W oohoo!

관련 문제