Question

我正在使用Bootstrap 3和AngularJS来编写前端代码。我希望有一个按钮，当单击时，显示两个选项 - 排序方法1和排序方法2.我无法让我的Bootstrap拆分按钮正常工作。下拉菜单根本没有显示。

代码：

<th>
  <a ng-click="sort = method1" class="btn btn-default btn-md"> Numbers </a> 
  <a class = "btn btn-default dropdown-toggle btn-md" data-toggle = "dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </a>
  <ul class ="dropdown-menu">
    <li><a ng-click="sort = method1" class="btn btn-default btn-md"> Sorting Method 1 </a></li>
    <li><a ng-click="sort = method2" class="btn btn-default btn-md"> Sorting Method 2 </a></li>
  </ul>
</th>

有什么想法吗？谢谢。

Answer 1

您缺少此下拉按钮工作所需的许多组件。请参阅文档dropdown buttons。

您没有btn-group内的按钮，而是使用a代码而不是button，并且没有{{1}设置（因为type="button"标签）。

＆＃13;

Answer 2

它只能通过类sr设置为屏幕阅读器 - 你看到了插入符吗？

Bootstrap按钮下拉列表不起作用

2 个答案: