bao gồm trình đơn thả xuống bootstrap.min.js ngắt

Question

Tôi có số navbar-collapse. Nếu tôi sử dụng mã được hiển thị bên dưới, danh sách thả xuống sẽ ngừng hoạt động. (Nhấp vào một mục thả xuống không có tác dụng gì.)

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

xóa danh sách thả xuống thành bootstrap.min.js làm cho trình đơn thả xuống hoạt động chính xác. Tôi bối rối. Tôi không được bao gồm cả .js và .css?

(Tôi đã thử bao gồm jQuery trước các tệp css. Kết quả tương tự.) (Tôi cũng đã thử bao gồm javascript trước css. Kết quả tương tự.) Tất cả các tệp khởi động được tải xuống trực tiếp từ trang web bootstrap.

Answer 1

Tham chiếu đến tệp bootstrap.js là quan trọng vì chức năng thả xuống được bao gồm trong nó. Trên dòng 637 trong tệp bootstrap.js định nghĩa thả xuống được định nghĩa. như:

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

Cùng một cách được định nghĩa trong tệp bootstrap.min.js, phiên bản được rút gọn của bootstrap.js. Việc loại bỏ tham chiếu đến tệp bootstrap.js sẽ không làm cho hàm thả xuống hoạt động.

Ngoài ra tôi sẽ khuyên bạn nên sử dụng Javascripts trong chân .. như

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