jQuery - Delayed HTML function

Question

I have an issue with doing two .html()'s in the same function cause the first one is getting overrun by the second. Any thoughts? This function is getting called when another action is taken, it is working fine, but when I put in the delay and the 2nd html() it doesn't work. Thanks.

function confirmNote() {
    $('#noteConfirm').html('Note Sent').delay(1000).html('Leave a Note');
}

jfriend00 · Accepted Answer · 2011-09-30 22:38:43Z

3

.delay() only works with functions that go through the animation queue which does not include .html(). You can use a setTimeout() to do what you want.

function confirmNote() {
    $('#noteConfirm').html('Note Sent');
    setTimeout(function() {$('#noteConfirm').html('Leave a Note')}, 1000);
}

answered Sep 30, 2011 at 22:38

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

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

Comments

Jack Franklin · Accepted Answer · 2011-09-30 22:40:53Z

1

function confirmNote() {
    $('#noteConfirm').html('Note Sent')
    setTimeout(function() {
        $('#noteConfirm').html('Leave a Note');
    }, 1000);
}

Should do the trick. delay only delays animation so is not appropriate in this case.

answered Sep 30, 2011 at 22:40

Jack Franklin

3,7556 gold badges30 silver badges35 bronze badges

Collectives™ on Stack Overflow

jQuery - Delayed HTML function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related