jQuery बूटस्ट्रैप ScrollSpy काम नहीं करता

Question

मैं ScrollSpy बूटस्ट्रैप प्लगइन की कोशिश कर रहा हूं, लेकिन यह ठीक से काम नहीं कर रहा है। नीचे दिए गए कोड को देखें, यह हमेशा अंतिम आइटम को हाइलाइट करता है।

http://jsfiddle.net/bRYMC/

<nav id="navbar"> 
    <ul class="nav"> 
    <li><a href="#page1">Page 1</a></li> 
    <li><a href="#page2">Page 2</a></li> 
    <li><a href="#page3">Page 3</a></li> 
    <li><a href="#page4">Page 4</a></li> 
    <li><a href="#page5">Page 5</a></li> 
    </ul> 
</nav> 

<div data-spy="scroll"> 
    <section id="page1" class="page"> 
    <h1>Page 1</h1> 
    </section> 

    <section id="page2" class="page"> 
    <h1>Page 2</h1> 
    </section> 

    <section id="page3" class="page"> 
    <h1>Page 3</h1> 
    </section> 

    <section id="page4" class="page"> 
    <h1>Page 4</h1> 
    </section> 

    <section id="page5" class="page"> 
    <h1>Page 5</h1> 
    </section> 
</div> 

क्या आप मेरी मदद कर सकते हैं?

Answer 1

शरीर टैग पर data-spy="scroll" सेट करें और इसे काम करना चाहिए। कृपया अद्यतन jsFiddle देखें।

Answer 2

यह देखने के लिए कि data-spy="scroll" टैग के आगे data-target="#navbar" सेट करें या नहीं।