I can disable it fine using this:
button.attr('disabled', 'disabled' ).addClass( 'ui-state-disabled' );
But how do I re-enable it? When I use this:
button.attr('enabled', 'enabled' ).addClass( 'ui-state-enabled' );
It doesn't work.
-
3There is no attribute called 'enabled'.gen_Eric– gen_Eric2011-01-27 16:37:08 +00:00Commented Jan 27, 2011 at 16:37
Add a comment
|
5 Answers
button.removeAttr('disabled').removeClass( 'ui-state-disabled' );
1 Comment
ballade4op52
Is there a way to disable the button without removing its hover functionality?
Tried all the answers here and nothing worked for me.
The issue is that I have html:
<input type="submit" value="Save" id="saveButton" disabled="disabled" />
Then I call globaly:
$("button, input:submit, input:button").button();
After that the button gets attribute aria-disabled=true.
Neither of following will enable the submit:
$("#saveButton").attr('disabled',false);
$("#saveButton").removeAttr('disabled');
$("#saveButton").prop('disabled',false);
$("#saveButton").attr('aria-disabled',false);
$("#saveButton").removeClass('ui-state-disabled' );
The only working solution in this case is:
$("#saveButton").button( "enable" );
jQuery UI Docs: Button Widget - enable()
To disable button again:
$("#saveButton").button( "disable" );
jQuery UI Docs: Button Widget - disable()
2 Comments
Matt
Hint: Disabling works similar, see this linked answer.
Ashley Strout
This is the correct answer. This way you're essentially telling jQuery to enable the button and having it do all the work. If you want to do the work yourself, you have to remove the
disabled attribute, the jQuery UI disabled classes, and set up the hover classes. No need to do all that by hand.With jquery you can use removeAttr and removeClass to get rid of your disabled attribute/class:
button.removeAttr('disabled').removeClass('ui-state-disabled');
Comments
Comments
I think that this is what are you looking for:
button.removeAttr("disabled");
