2012-02-18 6 views
9

पर AJAX कॉल जोड़े गए तत्वों के बाद काम करना बंद कर देता है मैं बूटस्ट्रैप स्क्रॉलस्पी प्लगइन (v2.0.0) का उपयोग कर रहा हूं जो पेज लोड होने पर किसी समस्या के बिना काम करता है।बूटस्ट्रैप स्क्रॉलस्पी पेज

नेविगेशन बार के साथ-साथ सामग्री अनुभाग AJAX कॉल के माध्यम से अपडेट हो जाते हैं (मेनू आइटम जोड़ें या हटाएं)। इस स्क्रॉलस्पी के बाद अब नए जोड़े गए आइटम को हाइलाइट नहीं किया गया है।

मैं स्क्रूस्पी को रीफ्रेश करने के लिए कैसे कहूं? या हो सकता है कि निम्न कोड में मैन्युअल रूप से scrollspy संलग्न करें?

<body data-spy="scroll" data-target=".subnav" data-offset="0"> 
    <div id="listing"> 
     <div class="subnav"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><a href="#cat2">Home &amp; Garden</a></li> 
      <li><a href="#cat5">Computers &amp; Networking</a></li> 
     </ul> 
     </div> 
     <div> 
     <section id="cat2">...</section> 
     <section id="cat5">...</section> 
     </div> 
    </div> 
    </body> 

उत्तर

13

स्क्रोलस्पी ('रीफ्रेश') बस नाम क्या कहता है!

मेरे मामले में मैं ajax कॉल के बाद follwing कोड कहा:

$('[data-spy="scroll"]').each(function() { 
    $(this).scrollspy('refresh'); 
}); 
+3

ध्यान दें कि $ (this) तत्व का प्रतिनिधित्व करता है स्क्रॉल, नहीं नेविगेशन बार से ही देखा जा रहा। इसलिए, यदि आप स्क्रॉलिंग के लिए शरीर को देख रहे हैं, तो आप आसानी से $ ('body') कर सकते हैं। Scrollspy ('refresh'); – cmcculloh

संबंधित मुद्दे