चहचहाना बूटस्ट्रैप लटकती लिंक काम नहीं कर रहा

Question

मैं बूटस्ट्रैप संस्करण 2.0

उपयोग कर रहा हूँ मैं निम्नलिखित एचटीएमएल संरचना है -

अब जब मैं Filter by Team पर क्लिक करें लटकती ठीक से पता चलता है। अब जब मैं लिंक पर क्लिक करता हूं, तो मुझे पृष्ठ पर ले जाना चाहिए। लेकिन लिंक काम नहीं करते हैं। मेरा मतलब है, जब मैं ड्रॉपडाउन तत्वों पर क्लिक करता हूं, तो उन्हें मुझे एक यूआरएल में ले जाना चाहिए, जिसे वे href'ed कर रहे हैं, ऐसा नहीं होता है।

<li style="margin-left: 12px;"> 
     <div class="dropdown" style="margin-top: 5px;"> 
      <a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#"> 
      Filter by Team 
      </a> 
      <ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu"> 

      <li> 
       <a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a> 
      </li> 
      <li class="divider"></li> 

      <li> 
       <a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a> 
      </li> 
      <li class="divider"></li> 

      <li> 
       <a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a> 
      </li> 
      <li class="divider"></li> 


      </ul> 
     </div> 
     </li> 

बेला यहां पाया जा सकता - http://jsfiddle.net/ktgrw/

Answer 1

समस्या आप data-toggle विशेषता <ul> के लिए निर्धारित है, उस गुण सिर्फ लिंक जिसे आप खोलना/लटकती बंद करते हैं, इसे हटाने के लिए चाहते हैं के लिए है और लिंक काम करना चाहिए है।

सही बूटस्ट्रैप संस्करण के साथ और विशेषता हटा दी गई है।

ड्रॉपडाउन के उद्घाटन को रोकने के लिए टॉगल लिंक पर भी disabled कक्षा का उपयोग किया जाता है, तो आपको इसे अपने लिंक से हटा देना चाहिए क्योंकि यह किसी भी वास्तविक उद्देश्य की सेवा नहीं कर रहा है।

Answer 2

लिंक बिल्कुल ठीक काम कर रहे हैं। जब हम href="/task/list/orgteam/5/" जैसे सापेक्ष लिंक का उपयोग करते हैं तो हमें यह सुनिश्चित करने की आवश्यकता है कि हम इस पृष्ठ को ऐसी वेबसाइट पर चला रहे हैं जहां ये लिंक मौजूद हैं।

स्पष्टता में जोड़ने के लिए, मैंने this new fiddle (click here to view) में अंतिम सूची आइटम के रूप में Google को एक लिंक जोड़ा और क्योंकि यह पूर्ण यूआरएल href="http://www.google.com" का उपयोग करता है, यह ठीक काम करता है।

Answer 3

मुझे बूटस्ट्रैप ढांचे के साथ एक ही समस्या का सामना करना पड़ा और अंत में समाधान (मेरे लिए काम किया) मिला। अपनी सभी आवश्यक जावास्क्रिप्ट आयात करें, मुख्य रूप से jquery.js।