How to disable Bootstrap's Button dropdown

Question

Link here: bootstrap button dropdowns

I'd like to disable this button dropdown, i added disabled class to <a> but the dropdown can still be opened by clicking the dropdown button. Any ideas?

Answer 1

Add disabled class to the button...

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

That works when editing via bootstraps site. I did notice that they're not using the anchor like their example.

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

Answer 2

Yeah you can do it this way:

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

This works only when it gets this property: data-toggle="dropdown", You can either change the dropdown to '' blank one.

Or you can try and remove the attr of data-toggle

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