आइसोटोप और अनंत स्क्रॉल मैनुअल

Question

ट्रिगर मैं अनंत स्क्रॉल प्लगइन के साथ आइसोटोप प्लगइन का उपयोग कर रहा है। डिफ़ॉल्ट सेटिंग्स के साथ अनंत स्क्रॉल स्वचालित रूप से नए तत्वों को लोड करने के लिए ट्रिगर करता है जो ठीक है, हालांकि, मेरे पास "अधिक छवियां लोड करें" बटन होगा।

मुझे केवल कोड का एक छोटा सा टुकड़ा याद आ रहा है जो अनंत स्क्रॉल से नए तत्व प्राप्त करेगा जिसे मैं आइसोटोप INSERT फ़ंक्शन में भेज सकता हूं। कृपया कोड में नीचे मेरी टिप्पणी देखें:

// 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

अनंत स्क्रॉल प्लगइन वास्तव में एक "manual-trigger"-behavior प्रदान करता है बस क्या करना है आप के बाद कर रहे हैं।

शामिल manual-trigger.jsjquery.infinitescroll.js के बाद, behavior: 'twitter' पास करके व्यवहार का उपयोग करने के लिए जब प्लगइन बुला, तो बस एक कॉलबैक Isotope's demo for Infinite Scroll में प्रदर्शन के रूप में के रूप में आइसोटोप फोन अनंत स्क्रॉल बता:

$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)); 
    } 
);