बूटस्ट्रैप स्क्रोलस्पी

लोड करने के बाद अंतिम नेविगेशन लिंक बटन पर प्रकाश डाला गया है मैंने 5 लिंक के साथ शीर्ष पर एक नेविगेशन बार बनाया है। पृष्ठ पर मैंने तत्व में # टैग के बाद नाम के अनुसार आईडी के साथ 5 अनुभाग जोड़े हैं। समस्या यह है कि अंतिम नेविगेशन लिंक बटन हाइलाइट किया गया है ('सक्रिय' वर्ग को शुरुआत में रनटाइम पर जोड़ा गया था, हालांकि कोड में स्वयं ही पहली बारबार आइटम "सक्रिय" पर सेट है। मेरे पास नवीनतम बूटस्ट्रैप संस्करण है v2.0.4 क्या गलत है?बूटस्ट्रैप स्क्रोलस्पी

<div class="navbar" id="MenuBar"> 
    <div class="topHeadContentLogo"></div> 
    <ul class="nav nav-pills" id="MenuUl"> 
     <li class="active"><a href="#Weekly">Weekly</a></li> 
     <li class=""><a href="#Post">Post</a></li> 
     <li class=""><a href="#Audience">Audience</a></li> 
     <li><a href="#Website">Website</a></li> 
     <li><a href="#FAQ">FAQ</a></li> 
    </ul> 
</div> 

<div id="contentDiv"> 
    <section id="Weekly"> 
     <h1>weekly</h1> 
    </section> 

    <section id="Post"> 
     <h1>Post</h1> 
    </section> 

    <section id="Audience"> 
     <h1>Audience</h1> 
    </section> 

    <section id="Website"> 
     <h1>Website</h1> 
    </section> 

    <section id="FAQ"> 
     <h1>FAQ</h1> 
    </section> 
</div> 



$('#MenuBar').scrollspy(); after document ready

स्रोत

2012-06-14 Alon

नेविगेशन के HTML कोड और जेएस को scrollspy() कॉल करने के लिए पोस्ट करें? – Luca

@ लुका, संपादित। मैं क्या गलत कर रहा हूं? – Alon

अजीब, मुझे बॉडी टैग में जोड़े गए डेटा एटआर के साथ एक ही समस्या है। इसका कोई समाधान? – davebowker

आप <body> टैग (या किसी अन्य टैग कि प्रासंगिक है) करने के लिए data-spy="scroll" जोड़ा है?

स्रोत

2012-06-14 13:29:48 Luca

हां, मैंने उस टैग को जोड़ा है, लेकिन अभी भी अंतिम तत्व – Alon

लोड करने पर सक्रिय किया जा रहा है क्या आपने विभिन्न अनुभागों में पर्याप्त सामग्री जोड़ने का प्रयास किया है, ताकि वे सभी एक ही समय में आपकी ब्राउज़र विंडो में दिखाई न दें? मैंने आपके कोड को बूटस्ट्रैप पेज में बनाया है और ऐसा लगता है कि यह ठीक है। मैंने यह सुनिश्चित करने के लिए अनुभागों में बहुत सारे टेक्स्ट जोड़े हैं कि केवल एक ही समय में मेरी ब्राउज़र विंडो में प्रदर्शित किया गया था। – Luca

यदि आपके पास एक सेक्शन पर पोर्टफोलियो आइटम हैं तो सुनिश्चित करें कि आप केवल एक श्रेणी दिखाने के लिए फ़िल्टर का उपयोग नहीं करते हैं। यह एक संघर्ष है। –

यह सिर्फ मेरे लिए हो रहा था, और मैं डेटा-जासूस था = एक स्क्रॉल "के अंदर एक अतिरिक्त तत्व पर जिसे मैं स्क्रॉल करने की कोशिश कर रहा था (इसे किसी चीज़ से छोड़ दिया गया था, वहां नहीं होना चाहिए था)। रेमो इस मुद्दे को ठीक कर दिया।

स्रोत

2012-09-03 03:27:12

नवीनतम बूटस्ट्रैप प्रलेखन

निम्नलिखित तत्व आप जो

उपयोग करने के लिए के माध्यम से एनएवी का चयन करने के (शरीर सबसे आम तौर पर इस होगा) और data-target=".navbar" पर जासूसी करना चाहते हैं data-spy="scroll" जोड़ने का सुझाव डेटा-विशेषताओं

<body data-spy="scroll" data-target=".navbar">...</body> 

$(function() { 
    $('#MenuUl a:first').tab('show'); 
    })

मुझे आशा है कि मदद करता है

स्रोत

2012-09-03 03:47:22 StarWars

धन्यवाद, इससे मदद मिली .. मुझे इसे और अधिक स्पष्ट रूप से पढ़ना चाहिए था, परिचय छोड़ दिया और जावास्क्रिप्ट अनुभाग के साथ बहुत जल्दी उपयोग करने के लिए चला गया। – knownasilya

आप 0 पर data-spy सेट किया हुआ हैतत्व, सुनिश्चित करें कि body तत्व height: 100%; पर सेट नहीं है। यह मेरे मामले में समस्या थी।

स्रोत

2012-11-15 07:43:59

यह मेरा मुद्दा था! धन्यवाद – Kyle

इस उत्तर को तब स्वीकार क्यों करें? यह शायद दूसरों की भी मदद करेगा। – wisefish

तब चिपचिपा पाद लेख और स्क्रोलस्पी का उपयोग कैसे करें? – markus

यह मेरे लिए काम किया। मैंने डेटा-जासूस = "स्क्रॉल" दोनों को शरीर और div पर जोड़ा था जिसे मैं जासूसी करना चाहता था। इसे हल करने से इस समस्या को हल किया गया

स्रोत

2014-10-07 11:34:05

इसी समस्या को हल किया गया था। Bootstrap.mins को bootstrap.min.js को बदल दिया

बूटस्ट्रैप न्यूनतम संस्करण जैसा लगता है कि आपका अंतिम पहचानकर्ता सक्रिय पृष्ठ के रूप में बनाता है।

स्रोत

2016-03-07 21:43:47

बूटस्ट्रैप स्क्रोलस्पी

उत्तर

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