How do I disable a jqueryui button

Question

When I click on a jquery ui button, it still triggers the click event callback. How do I block that event? Do I have to manually keep track of the state or does jquery ui take care of that for me?

Answer 1

Try this.

$('#button_id').button("disable");
$('#button_id').button("enable");

Answer 2

It's actually:

$("#btn").button({"disabled":true});

Answer 3

If you define like this:

$("#mybtn").button();

you must enable/disable like this:

$("#mybtn").button("enable");
// OR
$("#mybtn").button("disable");

Answer 4

according the documentation:

// setter
$( "#button_id" ).button( "option", "disabled", true );

Answer 5

It works for me:

$("#button_id").attr("disabled", true).addClass("ui-state-disabled");