Disabling button usage with timeout functions

Question

I have a problem with jQuery.

I have such small function

setTimeout(player_attack,500);
setTimeout(mob_attack,700);

This is triggered by button. But there is a problem. User can click it quickly and its all messing up. So i want to disable button for a while.

But this:

$('#button_name').attr("disabled","disabled");

but it works.

But when I put:

$('#button_name').removeAttr("disabled","disabled");

it doesnt work anymore.

Any suggestion?

Should $('#button_name').removeAttr("disabled","disabled"); be $('#button_name').removeAttr("disabled"); For removeAttr you shouldn't need to specify a value, just an attribute. — bygrace, Aug 30 '12 at 18:19

score 2 · Answer 1 · answered Aug 30 '12 at 18:21

2

try this

$('#button_name').removeAttr("disabled");

answered Aug 30 '12 at 18:21

alessio271288

$(document).ready(function() { $('#Atakuj').bind('click', function() { $("#Atakuj").prop("disabled", true); setTimeout(player_attack,500); setTimeout(mob_attack,700); $("#Atakuj").prop("disabled", false); $('#messages').prepend('
'); This doesnt want to work still – Tomasz Frydrychowicz Aug 30 '12 at 18:34

score 1 · Answer 2 · answered Aug 30 '12 at 18:18

1

It is easier to use prop method:

$("#button_name").prop("disabled", false); // or true to make it disabled

answered Aug 30 '12 at 18:18

VisioN

score 0 · Answer 3 · answered Aug 30 '12 at 18:17

0

Just use:

$("#selector").attr("disabled", true); // or false

See this fiddle.

answered Aug 30 '12 at 18:17

Josh

score 0 · Answer 4 · answered Aug 30 '12 at 18:24

0

The jQuery docs recommend using the .prop() method rather than .attr() for changing the disabled property. (See here for more details.)

$('#button_name').prop("disabled", true); //or false

answered Aug 30 '12 at 18:24

Mac Attack

1

And here is a good reference on it. I was just looking into what was better: http://stackoverflow.com/questions/5874652/prop-vs-attr – bygrace Aug 30 '12 at 18:25

4 Answers4