Bootstrap с DataTables не работает

Можете ли вы мне помочь у меня есть кнопка Bootstrap`s выпадающий к концу DataTable, но когда я нажал на него не работает меню не отображаетсяBootstrap с DataTables не работает

<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

Вы инициализируете dorpdown в своем скрипте, как «dropdown()»? – DimoMohit

Нет, я просто вызываю метод Datatable, который создает вызов $ .ajax в базу данных и добавляет этот html в последний столбец datatable. –

. Добавить атрибут данных, который выпадаете в html 'data-toggle = "drop down" или использовать скрипт для инициализации drop down '.dropdown()' в вашем случае лучше использовать атрибут data. Надеюсь это поможет. Вы можете сослаться на документ Bootstap http://getbootstrap.com/javascript/#dropdowns-usage – DimoMohit

Правильного форматирования загрузочного выпадающего меню в соответствии с их веб-сайта:

<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

, это работает для меня, начальный класс выпадающего списка - это ключ. – Jawaad

Я добавил

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

И работает для меня.

источник

2016-02-23 11:32:27

После долгого поиска причин, по которым выпадающее меню DataTables и Bootstrap не воспроизводится, я наткнулся на это простое и быстрое решение, и это помогло мне! Большое спасибо. – TheCuBeMan

Отлично, это должен быть принятый ответ. –

Bootstrap с DataTables не работает

ответ

Смежные вопросы