बूटस्ट्रैप.मिन.जेएस सहित ड्रॉपडाउन

Question

मेरे पास navbar-collapse है। यदि मैं नीचे दिखाए गए कोड का उपयोग करता हूं, तो ड्रॉपडाउन काम करना बंद कर देते हैं। (एक ड्रॉपडाउन आइटम पर क्लिक करने कुछ नहीं करता है।)

<!-- Le styles --> 
    <link href="/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="/css/bootstrap-responsive.min.css" rel="stylesheet"> 
    <style> 
     body { padding-top: 60px; /* 60px to make the container go all the way 
      to the bottom of the topbar */ } 
    </style> 
    <!-- Le javascripts --> 
    <script type="text/javascript" src='/js/jquery-1.9.1.min.js'></script> 
    <script type="text/javascript" src='/js/jquery.cookie.js'></script> 
    <script type="text/javascript" src='/js/bootstrap.min.js'></script> 

bootstrap.min.js को रेफरी को हटाने ड्रॉपडाउन सही ढंग से काम करता है। मैं उलझन में हूं। क्या मुझे .js और .css दोनों शामिल नहीं करना चाहिए?

(मैं सीएसएस फ़ाइलों से पहले jQuery सहित कोशिश की। एक ही परिणाम।) (मैं भी सीएसएस। एक ही परिणाम से पहले जावास्क्रिप्ट सहित कोशिश की।) सभी बूटस्ट्रैप फ़ाइलें सीधे बूटस्ट्रैप वेबसाइट से डाउनलोड किए गए थे।

Answer 1

बूटस्ट्रैप.जेएस फ़ाइल का संदर्भ महत्वपूर्ण है क्योंकि ड्रॉप डाउन फ़ंक्शन इसमें शामिल है। Bootstrap.js में लाइन 637 पर ड्रॉप-डाउन परिभाषा परिभाषित की गई है। जैसे:

var toggle = '[data-toggle=dropdown]' 
, Dropdown = function (element) { 
    var $el = $(element).on('click.dropdown.data-api', this.toggle) 
    $('html').on('click.dropdown.data-api', function() { 
     $el.parent().removeClass('open') 
    }) 
    } 

उसी तरह अपने bootstrap.min.js जो bootstrap.js के संस्करण न्यूनतम किया गया है में परिभाषित किया। Bootstrap.js फ़ाइल के संदर्भ को हटाने से ड्रॉपडाउन फ़ंक्शन काम नहीं करेगा।

इसके अलावा, मैं पाद लेख में javascripts उपयोग करने के लिए आपको सलाह होगा .. की तरह

<script type="text/javascript" src='/js/jquery-1.9.1.min.js'></script> 
<script type="text/javascript" src='/js/bootstrap.min.js'></script> 
<script type="text/javascript" src='/js/jquery.cookie.js'></script>