incluso breakdown bootstrap.min.js dropdown

Question

Ho un navbar-collapse. Se utilizzo il codice mostrato di seguito, i menu a discesa non funzionano più. (Facendo clic su una voce di menu a discesa non fa niente.)

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

rimuovere l'arbitro per bootstrap.min.js rende dropdowns funzionano correttamente. Non ho capito bene. Non dovrei includere entrambi .js e .css?

(ho provato compresi jQuery prima che i file css. Stesso risultato.) (ho anche provato tra cui JavaScript prima css. Stesso risultato.) Tutti i file di bootstrap sono stati scaricati direttamente dal sito web di bootstrap.

Answer 1

Il riferimento al file bootstrap.js è importante poiché la funzione a discesa è inclusa in esso. Alla riga 637 in bootstrap.js viene definita la definizione a discesa. come:

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

Allo stesso modo il suo definito nelle bootstrap.min.js che viene minimizzato versione di bootstrap.js. La rimozione del riferimento al file bootstrap.js non farà funzionare la funzione del menu a discesa.

Inoltre vi consigliamo di utilizzare i javascript nel piè di pagina .. come

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