Jquery 自举'；数据表不工作时的下拉列表

你们能帮我一下吗？我在Datatable的末尾有Bootstrap的下拉按钮，但当我点击它时，菜单并没有显示出来

<div class="btn-group dropdown">
        <button class="btn btn-default dropdown-toggle" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="">Edit</a></li>
          <li><a href="">Delete</a></li>
          <li class="divider"></li>
          <li><a href="">Separated link</a></li>
        </ul>
</div>

行动

---

根据他们的网站，引导下拉菜单的正确格式是：

<div class="dropdown">
  <a data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>

...

它还取决于页面上包含的bootstrap.js文件，因此请确保您有这个文件

资料来源：

我添加了

$('body .dropdown-toggle').dropdown(); 

---

这对我很有用。

您是否在脚本中初始化dorpdown，如“dropdown（）”？不，我只是调用Datatable方法，创建$.ajax调用数据库并将此html附加到Datatable的最后一列添加数据属性以在html“data toggle=“drop down”中下拉，或者使用脚本初始化下拉。dropdown（）'在您的情况下，最好使用数据属性。希望这有帮助。你们可以参考Bootstap文档，事实上，它可以立即使用这个建议，所以这应该是可以接受的答案-请参阅fiddle->删除我自己的答案。这一切都是关于

data toggle=“dropdown”

这对我来说很有效，begining div下拉类是关键。在寻找了这么长时间为什么DataTables和Bootstrap下拉菜单不起作用的原因之后，我发现了这个简单而快速的解决方案，它为我带来了好处！非常感谢你。