Bootstrap des Drop-Down mit Datentabellen nicht

arbeiten

Können Sie mir bitte helfen, ich Bootstrap`s Drop-Down-Taste haben von Datentabelle zu beenden, aber wenn ich auf sie geklickt wird nicht Menü funktioniert nichtBootstrap des Drop-Down mit Datentabellen nicht

<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

Quelle

2014-10-02 Naumche Ivanovski

Initialisierst du dorpdown in deinem Skript wie 'dropdown()'? – DimoMohit

Nein, ich rufe nur Datatable-Methode, die $ .ajax Aufruf an die Datenbank erstellen und html an die letzte Spalte der Datentabelle anfügen –

Add Datenattribut zu Drop-down in html 'data-toggle = "Dropdown"' oder Skript zu initialisieren Drop down '.dropdown()' in deinem Fall verwende besser Datenattribut. Hoffe das hilft. Sie können Bootstap Dokument verweisen http://getbootstrap.com/javascript/#dropdowns-usage – DimoMohit

gezeigt

die korrekte Formatierung eines Bootstrap-Drop-Down-Menü entsprechend ihrer Website ist:

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

Es hängt auch von der bootstrap.js Datei auf Ihrer Seite enthalten ist Also vergewissere dich, dass du das hast.

Quelle:

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

Quelle

2014-10-02 07:22:51

In der Tat, es funktioniert sofort mit dieser Empfehlung, so sollte dies angenommen werden Antwort - siehe Geige -> http://jsfiddle.net/nbmhb44k/löschte meine eigene Antwort. Es geht um 'data-toggle =" dropdown "' – davidkonrad

das funktioniert für mich, die anfängliche div dropdown-Klasse ist der Schlüssel. – Jawaad

hinzugefügt I

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

und arbeitet für mich.

Quelle

2016-02-23 11:32:27

Nachdem ich so lange nach dem Grund gesucht habe, warum DataTables und das Bootstrap-Drop-down-Menü nicht mitspielen, stieß ich auf diese einfache und schnelle Lösung und es hat den Trick für mich gebracht! Vielen Dank. – TheCuBeMan

Perfekt das sollte die akzeptierte Antwort sein. –

Bootstrap des Drop-Down mit Datentabellen nicht

Antwort

Verwandte Themen