Javascript 引导下拉列表按钮不显示'；行不通

当点击引导按钮时，应该打开一个列表，但点击时它没有响应

<div class="btn-group" dropdown>
  <button type="button" class="btn btn-info">test</button>
  <button type="button" class="btn btn-info dropdown-toggle">
    <span class="caret"></span>
    <span class="sr-only">Split button!</span>
  </button>

  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a>
    </li>
    <li><a href="#">Another action</a>
    </li>
    <li><a href="#">Something else here</a>
    </li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a>
    </li>
  </ul>
</div>

测试
拆分按钮！

代码：

---

有什么想法吗？

首先，您必须将jQuery包含在您的小提琴中

其次，您缺少按钮和下拉列表之间的连接，您应该添加一个ID和一些aria标记，如下所示

<div class="btn-group dropdown">
    <button type="button" class="btn btn-info">test</button>
    <button type="button" class="btn btn-info dropdown-toggle" id="mydp" data-toggle="dropdown" aria-haspopup="true" >
        <span class="caret"></span>
        <span class="sr-only">Split button!</span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="mydp">
        <li><a href="#">Action</a>
        </li>
        <li><a href="#">Another action</a>
        </li>
        <li><a href="#">Something else here</a>
        </li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a>
        </li>
    </ul>
</div>

测试
拆分按钮！

---

除了@adeneo solution之外，我们还应该按如下方式更改文件的顺序：而不是以前使用引导