असीमित स्क्रॉल प्लगइन कस्टम क्वेरी

Question

के साथ पथ को संशोधित करता है मैं jQuery आइसोटोप के साथ अनंत स्क्रॉल प्लगइन (infinite-scroll) का उपयोग कर रहा हूं और सोच रहा था कि कस्टम क्वेरी पैरामीटर के साथ पथ को संशोधित करना संभव है क्योंकि उपयोगकर्ता अधिक आइटम देखने के लिए पृष्ठ को स्क्रॉल करता है।

क्या पथ तक पहुंचने और क्वेरी पैरामीटर में से किसी एक को संशोधित करने का कोई तरीका है। यह पहली बार आइटम के पहले सेट को वापस करने के लिए पथ को ठीक कर रहा है और उसके बाद यह अगले पृष्ठों को मार रहा है, 1,2 3 ठीक है लेकिन उसी क्वेरी पैरामीटर का उपयोग करके मैंने पहली बार केवल पेज नंबर अपडेट किया था।

var customPath = path + "?type=items&category=clothes&pageNumber="; 

मैं इस गलत तरीके से आ रहा हूँ:

मैं जब कुछ इस तरह के साथ पेज 3 या 4 से टकराने के पैरामीटर में से एक संशोधित करना चाहते हैं?

$container.infinitescroll({ 
    navSelector: '#page_nav', // selector for the paged navigation 
    nextSelector: '#page_nav a', // selector for the NEXT link (to page 2) 
    itemSelector: '.element', // selector for all items you'll retrieve 
    loading: { 
     finishedMsg: 'No more categories to load.', 
     msgText: "<em>Loading the next set of categories...</em>", 
     img: 'http://i.imgur.com/qkKy8.gif' 
    }, 
    pathParse: function (path, nextPage) { 
     var customPath = path + "?type=items&category=all&pageNumber="; 
     path = [customPath, '#contaner']; 
     return path; 
    } 
}, 
// call Isotope as a callback 
function (newElements) { 
    $container.isotope('appended', $(newElements)); 
}); 

Answer 1

ठीक है तो मैं एक छोटे से हैक करना था, लेकिन मैं मुझे संबंधित सवाल की ओर इशारा करते के लिए रिच करने के लिए मेरी जरूरतों के लिए काम धन्यवाद समझ में आ गया:

यहाँ मेरी कोड है।

//line 67 
$.infinitescroll.prototype = { 
     //My custom parameters 
     pageType: "&type=items", 
     categoryParam: "&category=shoes", 
     /* 
      ---------------------------- 
      Private methods 
      ---------------------------- 
      */ 

तो समारोह के अंदर

कहा जाता है:

desturl = path.join(opts.state.currPage) 

:

retrieve: function infscr_retrieve(pageNum) {} 

वहाँ एक चर रहा है

मैं jquery.infinitescroll.js यहाँ प्रोटोटाइप के लिए कुछ अतिरिक्त गुण जोड़ा

इसे

में बदल दिया गया

desturl = path.join(opts.state.currPage + $.infinitescroll.prototype.pageType + $.infinitescroll.prototype.categoryParam); 

यह आपके अतिरिक्त क्वेरी पैरामीटर को desturl के अंत में जोड़ देगा।

$('#filters a').click(function() { 
    $.infinitescroll.prototype.pageType = "&type=products" ;     
    $.infinitescroll.prototype.pageType = "&category=clothes";       
    return false; 
}); 

यह आप कस्टम प्रश्नों के साथ अगले पृष्ठ के क्वेरी पैरामीटर अपडेट कर देगा:

आप पृष्ठ है जहाँ आप आप आप कुछ इस तरह कर सकते हैं जावास्क्रिप्ट से फिर

।

आशा है कि यह किसी की मदद करेगा।