2012-06-20 2 views
0

벽돌과 무한 스크롤을 사용하는 페이지가 있습니다. 모든 것이 제대로 작동하는 것처럼 보이지만 방문자가 자동으로 트리거를 활성화하는 대신 버튼을 사용하여 무한 스크롤 효과를 트리거해야합니다. Google의 그림 검색과 같은 것. 이 코드이며, 내가 믿는 어떤 종류의 ...Masonry 무한 스크롤에 사용자 정의 트리거를 추가하는 방법

$("#load-more-button").click(function(){}); 

...)}

<script type="text/javascript"> 

jQuery(document).ready(function($){ var $container = $('#posts'); 

$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector: '.post', 
    isFitWindow: true 
    }); 
}); 

$container.infinitescroll({ 
    navSelector : '#page-nav', // selector for the paged navigation 
    nextSelector : '#page-nav a', // selector for the NEXT link (to page 2) 
    itemSelector : '.post',  // selector for all items you'll retrieve 
    loading: { 
     finishedMsg: 'Nothing more', 
     img: 'images/ajax-loader.gif' 
    } 
    }, 
    function(newElements) { 
    // hide new items while they are loading 
    var $newElems = $(newElements).css({ opacity: 0 }); 

    // ensure that images load before adding to masonry layout 
    $newElems.imagesLoaded(function(){ 
     // show elems now they're ready 
     $newElems.animate({ opacity: 1 }); 

     $container.masonry('appended', $newElems, true); 

    }); 
    } 
); 

... 어딘가에 위치 할 수있다;

답변

0

http://www.infinite-scroll.com/에서 설명서를 확인 했습니까? 아래쪽에는 방아쇠를 당기는 무한의 스크롤에 대한 섹션이 있습니다.

같은 문제가있어 제대로 작동하지 않는 것처럼 생각하면 궁금합니다.

관련 문제