2012-02-18 12 views
5

स्क्रॉलSpy को अधिसूचना प्राप्त करने के बाद मैं अधिक डेटा लोड करना चाहता हूं। लेकिन मुझे नहीं लगता कि उस घटना को कैप्चर करना और फ़ंक्शन निष्पादित करना कैसा है।फ़ंक्शन निष्पादित करने के लिए ट्विटर बूटस्ट्रैप ScrollSpy का उपयोग कैसे करें

उत्तर

12

अद्यतन यह ट्रिगर अब मुख्य निर्माण में धकेल दिया गया है। आप इसे पूर्ण दस्तावेज़ों में देख सकते हैं। http://twitter.github.com/bootstrap/javascript.html#scrollspy

गीथब पर कार्यरत शाखा में एक अद्यतन है जो एक सक्रिय कॉलबैक को सक्रिय करता है।

संदर्भ

एक बार जब आप सक्रिय ट्रिगर हड़पने, तो आप ऐसा है जैसे कि यह कॉल कर सकते हैं:

$("#nav li").on('activate', function() { 
    //do stuff 
}); 
0

बूटस्ट्रैप 3 के लिए आप इस तरह यह कर सकते हैं (docs)

$('#myScrollspy').on('activate.bs.scrollspy', function() { 
    // do something… 
}) 
0

यह बूटस्ट्रैप 4 के लिए (बीटा 3) है:
सामान्य तौर पर, Scrollspy घटना के उपयोग के रूप में यह Scrollspy दस्तावेज की Events खंड में कहा गया है बूटस्ट्रैप 3. से परिवर्तन नहीं किया, activate.bs.scrollspy घटना स्क्रॉल तत्व पर निकाल दी जाएगी- data-spy="scroll" के साथ - जब भी कोई नया आइटम स्क्रॉलस्पी द्वारा सक्रिय हो जाता है। आप इसे इस तरह सुन सकते हैं:

$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) { 
    console.log('activate.bs.scrollspy', event); 
}) 

लेकिन!
यह दस्तावेज नहीं है, कि जब स्क्रॉलस्पी <body> तत्व पर उपयोग किया जाता है, तो activate.bs.scrollspy ईवेंट केवल window ऑब्जेक्ट पर उपलब्ध होगा।
तो, इस सामान्य मामले में, आप स्क्रॉलस्पी घटना को इस तरह पकड़ सकते हैं:

$(window).on('activate.bs.scrollspy', function (event) { 
    console.log('activate.bs.scrollspy', event); 
})