如何使用jQuery切換

Twitter Bootstrap http://twitter.github.com/bootstrap/javascript.html#dropdown有一個dropdown.js庫（在http://twitter.github.com/bootstrap/1.4.0/bootstrap-dropdown.js），它將下面的「下拉式」類更改爲「下拉式打開」，這將打開下拉菜單。如何使用jQuery切換

我在本地網站上包含了js文件，但沒有打開或切換。我不知道是否必須添加一個額外的方法來告訴jquery文件選擇哪個元素，或者如果我只是給元素類「下拉」，js應該沒有更多的工作。

我試圖在Twitter Bootstrap演示中使用Firebug弄清楚它，但我沒有那麼有經驗。如果你知道如何使用它，請告訴我。謝謝。

我在Rails應用程序上使用它，但這不應該有所作爲。它自動包含jquery，正如我所說的，我添加了dropdown.js。我只是想知道，如果我必須做更多的東西......

<ul class="nav secondary-nav"> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle">Dropdown</a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Secondary link</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Another link</a></li> 
      </ul> 
     </li> 
     </ul>

來源

2012-01-29 Leahcim

告訴我們您的代碼 – daniel 2012-01-29 09:22:44

抱歉，現在修復。 – Leahcim 2012-01-29 09:23:22

我會檢查（使用Firebug）您所提供的鏈接中給出的演示，並確保HTML結構是正確的。

如果你的html結構是正確的，並且所有適當的類/ id都在那裏，那麼檢查你是否實際正確初始化/加載腳本。您可以使用螢火蟲或谷歌瀏覽器進行檢查，方法是轉到資源標籤並查找您引用的js文件。或者，去控制檯，如果有任何js加載錯誤，那麼你沒有正確地調用你的文件。

您是否包含此行？

$('#topbar').dropdown()

另外，給自己一個理智的檢查：嘗試檢查jQuery是否工作在第一位。嘗試使用螢火蟲控制檯更改div背景顏色或其他東西。

來源

2012-01-29 09:34:52 Oliver

如果根據慣例命名元素，則不需要添加$（'＃topbar'）。dropdown（）。然而，你是正確的加載文件不正確。 – Leahcim 2012-01-29 09:47:04

按照文檔

要快速添加下拉功能，任何導航元素，使用數據下拉菜單屬性。任何有效的引導程序下拉菜單都會自動激活。

所以只需添加數據下拉菜單屬性，像這樣，它應該工作

<li class="dropdown" data-dropdown="dropdown"> 
    <a href="#" class="dropdown-toggle">Dropdown</a> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Secondary link</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li><a href="#">Another link</a></li> 
    </ul> 
    </li>

來源

2012-01-29 09:26:57 daniel

謝謝，但它不起作用。注意演示它沒有屬性data-dropdown =「dropdown」http://twitter.github.com/bootstrap/javascript.html#dropdown – Leahcim 2012-01-29 09:32:33

是啊，你不需要那個數據下拉，它不會似乎。問題是我加載文件不正確。 – Leahcim 2012-01-29 09:46:29

丹尼爾的回答是正確的。該演示確實使用了data-dropdown="dropdown"屬性。看第3行（或頁面源中的第243行）。

您沒有使用完整的腳本堆棧。檢查你的包含。

是否可以訪問dropdown.js？我知道你已經加入了它，但請檢查你的瀏覽器是否真的加載了它。路徑是否正確？從源複製路徑並嘗試直接訪問dropdown.js。也許告訴我們你是如何和在哪裏，包括dropdown.js？
是dropdown.js包括後 jQuery？首先應該包含主要的jQuery庫，然後包括rails.js，然後補充如dropdown.js。
這是不太可能的，但你使用正確版本的jQuery？
也許向我們展示您的完整包含來自瀏覽器源代碼的輸出？（所有由Rails生成的script和link標籤）

真的沒有其他理由，這不應該工作。

來源

2012-01-29 10:31:21 Substantial

它確實包含data-dropdown =「dropdown」，但不包括他認爲必須包含的屬性。 – Leahcim 2012-01-29 18:49:21

如何使用jQuery切換

回答

相關問題