jQuery animation callback function won't change the attribute

Question

I have the following function:

function carousel_go_right($container, pos_width){
    $container.attr('disabled', 'disabled');
    $container.animate({
        left: '-=' + pos_width
    }, 500, function() {
        $container.attr('disabled', '');
    });
}

The problem is that the "disabled" attribute does not change to "" after the animation is done. I also tried $(this).attr('disabled', '') and it still doesn't work.

console.log($container.attr('disabled')) in the callback function shows the right value

possible duplicate of [Toggle input disabled attribute using jQuery](http://stackoverflow.com/questions/4702000/toggle-input-disabled-attribute-using-jquery) — Blazemonger, Apr 14 '14 at 18:30

score 0 · Accepted Answer · edited May 23 '17 at 12:21

0

You should treat disabled as a property, not an attribute:

$container.prop('disabled',false);

http://api.jquery.com/prop

edited May 23 '17 at 12:21

Community

1
1

answered Apr 14 '14 at 18:20

Blazemonger

90,923
26
142
180

jQuery animation callback function won't change the attribute

1 Answers1