引导与数据表不工作

下拉能否请你帮我，我有Bootstrap`s下拉按钮结束DataTable的，但是当我点击它它不工作的菜单不显示引导与数据表不工作

<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>

enter image description here

来源

2014-10-02 Naumche Ivanovski

你是否像'dropdown（）'一样初始化脚本中的dorpdown？ – DimoMohit 2014-10-02 07:26:45

不，我只是调用Datatable方法创建$ .ajax调用数据库和追加这个HTML到数据表的最后一列 – 2014-10-02 07:34:14

添加数据属性下拉在HTML'data-toggle =“下拉”“或使用脚本来初始化掉down'.dropdown（）'在你的情况下更好地使用数据属性。希望这可以帮助。你可以参考Bootstap文档http://getbootstrap.com/javascript/#dropdowns-usage – DimoMohit 2014-10-02 07:47:45

根据他们的网站自举下拉菜单的

正确的格式是：

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

这也取决于bootstrap.js文件被包含在页面上，所以确保你有这个。

来源：

http://getbootstrap.com/javascript/#dropdowns

来源

2014-10-02 07:22:51

事实上，它的工作马上就与这个建议，所以这应该被接受的答案 - 请参阅小提琴 - > http://jsfiddle.net/nbmhb44k /删除了我自己的答案。这是关于'data-toggle =“dropdown”' – davidkonrad 2014-10-02 09:13:12

这对我有用，开始div下拉班是关键。 – Jawaad 2015-03-08 13:18:01

我加

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

而且对我的作品。

来源

2016-02-23 11:32:27

为什么DataTables和Bootstrap下拉菜单不能一直播放，寻找这么长时间后，我遇到了这个简单而快速的解决方案，它为我做了诡计！非常感谢你。 – TheCuBeMan 2016-03-27 12:14:08

完美这应该是被接受的答案。 – 2017-01-25 07:46:52

引导与数据表不工作

回答

相关问题