表格單元格中的下拉菜單

Question

我正在嘗試將twitter引導程序下拉菜單應用到我表格的表格單元格中： http://jsfiddle.net/NzvKC/500/ 所以這不起作用。我根據this做了。 但是它的工作原理是這樣的：

<li class="dropdown span2" id="chamber"> 
      <a href="#" class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown"> 
      Name 
      <b class="caret"></b> 
      <br><br> 
      </a> 
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
      <li class="liInner" role="presentation"><a role="menuitem" tabindex="-1" href="#">Value</a></li> 
      </ul> 
      </li> 

我在做什麼錯？

Answer 1

問題是懸停腳本。從cameronspear page獲取代碼，您的示例將工作。

<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">Dropdown <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Dropdown link</a> 
    </li> 
    <li><a href="#">Dropdown link</a> 
    </li> 
    <li><a href="#">Dropdown link</a> 
    </li> 
    </ul> 
</div> 
<script src="http://cameronspear.com/downloads/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>