Twitter的引導下拉鍊接不工作

Question

我使用引導程序2.0版

我有以下的HTML結構 -

現在，當我點擊Filter by Team的下拉菜單可顯示正常。現在，當我點擊鏈接時，我應該被帶到頁面。但鏈接做不是工作。我的意思是，當我點擊下拉列表元素時，他們應該帶我到一個url，他們被href認爲是，這不會發生。

<li style="margin-left: 12px;"> 
     <div class="dropdown" style="margin-top: 5px;"> 
      <a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#"> 
      Filter by Team 
      </a> 
      <ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu"> 

      <li> 
       <a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a> 
      </li> 
      <li class="divider"></li> 

      <li> 
       <a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a> 
      </li> 
      <li class="divider"></li> 

      <li> 
       <a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a> 
      </li> 
      <li class="divider"></li> 


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

小提琴可以在這裏找到 - http://jsfiddle.net/ktgrw/

Answer 1

問題是，您爲<ul>設置了data-toggle屬性，該屬性僅用於要打開/關閉下拉列表的鏈接，將其刪除並且鏈接應起作用。

這裏是updated fiddle與正確的引導版本和屬性刪除。

此外，disabled類用於切換鏈接以阻止打開下拉菜單，因此您應該將其從鏈接中移除，因爲它沒有提供任何實際用途。

Answer 2

的鏈接工作完美的罰款。當我們使用像href="/task/list/orgteam/5/"這樣的相關鏈接時，我們需要確保我們在存在這些鏈接的網站上運行此頁面。

爲了清楚起見，我在this new fiddle (click here to view)中添加了谷歌鏈接作爲最後一個列表項，並且因爲它使用絕對網址href="http://www.google.com"，所以它工作得很好。

Answer 3

我面臨與引導框架相同的問題，並在最後得到了解決方案（爲我工作）。 導入所有您需要的JavaScript，主要是jquery.js。