Bootstrap丸與下拉不工作

我試圖設置與從Bootstrap下拉UI元素的丸，並沒有顯示當我點擊插入符號時下拉。我查看了Bootstrap文檔和它的源代碼），但沒有發現我缺少的東西。Bootstrap丸與下拉不工作

我是否需要編寫自定義JS才能讓它顯示出來？該文件表明我沒有，它應該只是工作。

這是我已經包括了JS ....

<script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>

這裏的HTML

<ul class="nav nav-pills"> 
    <li class="dropdown all-camera-dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
      All Cameras 
       <b class="caret"></b> 
      </a> 
    <ul class="dropdown-menu"> 
      <li data-filter-camera-type="all"><a data-toggle="tab" href="#">All Cameras</a></li> 
      <li data-filter-camera-type="Alpha"><a data-toggle="tab" href="#">Alpha</a></li> 
      <li data-filter-camera-type="Zed"><a data-toggle="tab" href="#">Zed</a></li> 
      <li data-filter-camera-type="Bravo"><a data-toggle="tab" href="#">Bravo</a></li> 

    </ul> 
</li></ul>

任何幫助，將不勝感激

來源

2012-04-16 bluedevil2k

它不工作，因爲你加載相同的插件多次，從您的包含刪除以下腳本，它應該工作得很好：

刪除

<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>

的bootstrap.js腳本文件來包裝的所有插件，這樣你就不需要加載單獨的腳本文件再次。

KEEP

<script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>

來源

2012-04-16 15:04:45

沒有，而這是有見地的，需要進行固定的，它是不是在代碼中的錯誤。 – bluedevil2k 2012-04-16 15:29:41

@ bluedevil2k這是下拉菜單中最常見的問題，所以在這裏必須有其他的東西。您的標記可以正常使用我上面發佈的設置：http://jsfiddle.net/cKBLz/ – 2012-04-16 15:33:26

我解決了它 - 問題比上面列出的要深一點。你是對的，我有一個錯誤，因爲不包括該文件。但是，在我加載它之後，我遇到了與bootstrap gem的名稱衝突，導致bootstrap.js加載爲空白。通過刪除gem（或更改文件名），文件正確加載，並且所有行爲都按其應有的方式工作。 – bluedevil2k 2012-04-16 15:49:38

Bootstrap丸與下拉不工作

回答

相關問題