ट्विटर बूटस्ट्रैप ड्रॉपडाउन काम नहीं कर रहा

कोई विचार क्यों यह ट्विटर बूटस्ट्रैप ड्रॉपडाउन काम नहीं कर रहा है? सिर मेंट्विटर बूटस्ट्रैप ड्रॉपडाउन काम नहीं कर रहा

जावास्क्रिप्ट:

<script src="/assets/js/bootstrap.js" type="text/javascript"></script>

मेनू HTML:

   <li class="dropdown"> 
       <a data-target="#" data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown menu here... 
        <b class="caret"></b> 
       </a> 
       <ul class="dropdown-menu"> 
        <li><a href="/app/1">Item A</a></li> 
        <li><a href="/app/2">Item B</a></li> 
        <li><a href="/app/3">Item C</a></li> 
       </ul> 
       </li>

स्रोत

2012-09-21 Snowcrash

आपके जेएस में किस क्रम में लोड किया गया है? jQuery पहले हमेशा बूटस्ट्रैप दूसरे के रूप में चला जाता है। –

यदि आपके पास bootstrap.js (bootstrap.min.js नहीं है) है, तो आपको * * * बूटस्ट्रैप-ड्रॉपडाउन.जेएस भी नहीं जोड़ना चाहिए। उसने मेरे लिए चाल बनाई। – Fahrenheit

डोम-तैयार में जोड़ने का प्रयास करें: $ ('ड्रॉपडाउन-टॉगल')। ड्रॉपडाउन(); – user956584

एक div कि lili पर ही बजाय लपेटकर है पर लटकती वर्ग रखो। इस तरह ...

 <div class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a> 
     <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     ... 
     </ul> 
     </div>

कि उदाहरण bootstrap site

आपका कोड इस तरह दिखना चाहिए से है ...

<!DOCTYPE html > 
    <head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
    <script type="text/javascript" src="../plugins/js/bootstrap-dropdown.js"></script> 
    <link href="../theme/bootstrap.css" rel=stylesheet type="text/css"> 

    </head> 
    <div class="dropdown"> 
     <ul class="dropdown"> 
     <a data-target="#" data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown menu here... 
      <b class="caret"></b> 
     </a> 
      <ul class="dropdown-menu"> 
       <li><a href="/app/1">Item A</a></li> 
       <li><a href="/app/2">Item B</a></li> 
       <li><a href="/app/3">Item C</a></li> 
      </ul> 
     </ul> 
    </div>

मैं एक नेस्टेड सूची बनाने की कोशिश की, लेकिन उसने ऐसा नहीं किया बूटस्ट्रैप के साथ काम करते हैं। मुझे लगता है कि यह दो ड्रॉपडाउन भ्रमित हो जाता है।

स्रोत

2012-09-21 17:46:18 noel

मैंने कोशिश की और यह भयानक लग रहा है। इसके अलावा यह काम नहीं करता है। अपनी वेबसाइट की जांच कर रहा है, ऐसा नहीं है कि वे इसे कैसे कर रहे हैं। जैसे यहां देखें: http://twitter.github.com/bootstrap/javascript.html#dropdowns – Snowcrash

मैंने अपनी साइट को सीधे अपनी साइट से कॉपी और पेस्ट किया। मुझे समझ में नहीं आता कि आपका क्या मतलब है। आगे की मदद के लिए हमें आपकी साइट का एक उदाहरण चाहिए। – noel

यह पहला कोड है जो मैंने पाया है जो वास्तव में काम करता है। धन्यवाद। –

सुनिश्चित करें कि आप JQuery

स्रोत

2013-05-11 13:04:17

यह आसानी से हल किया जाता है नवीनतम संस्करण का उपयोग कर रहे हैं। आपके कोड को लपेटने वाला तत्व एक ली है, लेकिन इसे एक div होना चाहिए। यह मेरे लिए काम करता है:

<div class="dropdown"> 
    <a data-target="#" data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown menu here... 
    <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu"> 
    <li><a href="/app/1">Item A</a></li> 
    <li><a href="/app/2">Item B</a></li> 
    <li><a href="/app/3">Item C</a></li> 
    </ul> 
</div>

enter image description here

आप इसे एक बटन की तरह लग रहे करना चाहते हैं, सिर्फ इस तरह वर्ग सूची में "btn" जोड़ें:

<a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#">

मेरे हैडर अनुभाग इस तरह दिखता है:

<link rel='stylesheet' type='text/css' href='css/bootstrap.min.css'> 
<link rel='stylesheet' type='text/css' href='css/bootstrap-responsive.min.css'> 
<script src='js/jquery-2.0.0.min.js' type='text/javascript'> 
<script src='js/bootstrap.min.js' type='text/javascript'>

आप माँ यदि आप मोबाइल उपकरणों के लिए कुछ भी नहीं कर रहे हैं तो वाई उत्तरदायी सीएसएस छोड़ना चाहता हूं।

स्रोत

2013-06-17 14:15:34 Graham

ट्विटर बूटस्ट्रैप ड्रॉपडाउन काम नहीं कर रहा

उत्तर

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