jQuery Delay Not Working, CSS is though

Question

I've run into a problem that I cannot figure out:

$(doc).ready(function(){
    $("span").html("<span>No</span>");

    $("button").click(function(){
        $("span").html(getRandomInt(50, 200));
        $(this).fadeOut(500);
        $("#title").delay(501).css({'margin-bottom': '110'});
    });
});




var doc = document;

var rand = Math.floor(Math.random()) * 259;

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

Why does the .delay(501) in the $("#title") not work? the .css() works, just not the delay.

Arun P Johny · Accepted Answer · 2013-12-19 02:42:50Z

2

Because .css() function does not work based on a queue, it is a synchronous operation....

Looks like you are trying to set the margin property after the button is faded out, so use the complete callback method provided by jQuery

$("button").fadeOut(500, function(){
    $("#title").css({'margin-bottom': '110'});
});

answered Dec 19, 2013 at 2:42

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3117575 Over a year ago

Thanks, worked great. I'll be sure you vote best answer when I can.

Collectives™ on Stack Overflow

jQuery Delay Not Working, CSS is though

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related