izotop & Sonsuz Elle tetikleme ile kaydırma

Question

Infinite Scroll eklentisi ile Isotope eklentisi kullanıyorum. Infinite Scroll varsayılan ayarlarında otomatik olarak yeni elemanların yüklenmesini tetikler, ancak "Daha fazla resim yükle" düğmesine basmayı tercih ederim.

Yalnızca izotop INSERT işlevine geçebileceğim sonsuz kaydırmadan yeni öğeler alacak küçük bir kod parçasını özlüyorum. kodunda aşağıya benim yorum bakınız:

// initialize infinite scroll 
$container.infinitescroll({ 
    navSelector : '#paging', // selector for the paged navigation 
    nextSelector : '#paging a', // selector for the NEXT link (to page 2) 
    itemSelector : '.col',  // selector for all items you'll retrieve 
    loading: { 
     msgText: 'Loading...', 
     finishedMsg: Loaded all!', 
      } 
    } // <-- NOTE that we do not use callback function here! 
    ); 


$(window).unbind('.infscr'); 

$('#paging a').click(function(){ 

// NEED CODE HERE TO GET NEW ELEMENTS FROM INFINITE SCROLL AND PASS THOSE ELEMENTS TO $container.isotope('insert', $(newElements)); 

}); 

Answer 1

sonsuz kaydırma eklentisi aslında ne sonra konum sadece yapmak için bir "manual-trigger"-behavior sunuyor. - otomatik değilken

$container.infinitescroll({ 
    navSelector : '#paging', 
    nextSelector : '#paging a', 
    itemSelector : '.col', 
    behavior: 'twitter', 
    loading: { 
     msgText: 'Loading...', 
     finishedMsg: 'Loaded all!' 
    } 
    }, 
    // call Isotope as a callback 
    function(newElements) { 
    $container.isotope('appended', $(newElements)); 
    } 
);