Question

我正在尝试将twitter bootstrap下拉列表应用到我表格的表格单元格中： 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>

表格单元格中的下拉菜单

1 个答案: