2013-03-29 5 views
24

Verbindung hier deaktivieren: bootstrap button dropdownsWie Bootstrap Der Knopf des Drop-Down-

Ich möchte deaktivieren Sie diese Schaltfläche Dropdown-Liste hinzugefügt i disabled Klasse <a> aber die Dropdown noch durch Klicken auf den Dropdown-Button geöffnet werden kann. Irgendwelche Ideen?

+0

Wenn Sie etwas entsprechenden Code schreiben könnte. – Jai

Antwort

36

disabled Klasse auf die Schaltfläche Hinzufügen ...

<div class="btn-group"> 
    <button class="btn btn-primary dropdown-toggle disabled" data-toggle="dropdown">Action <span class="caret"></span></button> 
    <ul class="dropdown-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> 

Das funktioniert, wenn über Schopf aus dem Sumpf Website bearbeiten. Ich habe bemerkt, dass sie den Anker nicht wie ihr Beispiel benutzen.

<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
+2

Vielen Dank für das zeigen, ich ändern, um

+0

Es scheint, dass die deaktivierte Klasse in IE 10 nicht funktioniert. –

+1

Vorsicht, dies macht nur die Schaltfläche LOOK deaktiviert (unabhängig davon, ob A- oder BUTTON-Tags verwendet werden). Die JS-Funktion bleibt in vielen Browsern wie IE11 und Chrome aktiviert, siehe [BS3 Docs]. (http://getbootstrap.com/css/#callout-button-disabled-anchor) – user9645

9

Ja, du es auf diese Weise tun können:

$('.dropdown-toggle').data('toggle', ''); 

Dies funktioniert nur, wenn es diese Eigenschaft bekommt: data-toggle="dropdown", können Sie entweder die dropdown zu '' Rohling ein ändern.

Oder Sie können versuchen, und entfernen Sie die attr von data-toggle

$('.dropdown-toggle').removeAttr('data-toggle'); 
+0

Danke, gut zu wissen ... – Mike