einschließlich bootstrap.min.js bricht Drop-down

Question

Ich habe eine navbar-collapse. Wenn ich den unten gezeigten Code verwende, funktionieren die Dropdown-Menüs nicht mehr. (Ein Drop-Down-Punkt klicken, tut nichts.)

<!-- 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> 

den Referee zu bootstrap.min.js Entfernen macht Dropdown-Listen korrekt funktionieren. Ich bin verwirrt. Soll ich nicht beide .js und .css einschließen?

(habe ich versucht, jQuery, bevor die CSS-Dateien. Gleiches Ergebnis einschließlich.) (ich habe auch versucht, Javascript, einschließlich vor CSS. Gleiches Ergebnis.) Alle Bootstrap-Dateien wurden direkt aus der Bootstrap-Website heruntergeladen.

Answer 1

Der Verweis auf die Datei bootstrap.js ist wichtig, da die Dropdown-Funktion darin enthalten ist. In Zeile 637 in bootstrap.js ist die Dropdown-Definition definiert. wie:

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') 
    }) 
    } 

Auf die gleiche Weise seine in den bootstrap.min.js definiert, welche Version von bootstrap.js minimierte wird. Wenn Sie den Verweis auf die Datei bootstrap.js entfernen, funktioniert die Dropdown-Funktion nicht.

Auch werde ich Ihnen raten, die Javascripts in der Fußzeile zu verwenden .. wie

<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>