execute after jquery .on

Question

I basically have a button to delete something and the code is:

$(document).on('click','.btn',function(){
    //code here
    //$t is the item to delete
    $t.remove();
});

now I would like to execute the following code after the remove or on has finished:

if($('#bookmarks').is(':empty')){
    $('#bookmarks').css('visibility','hidden');
}

I tried adding this into the .on:

$t.on("remove", function () {
    if($('#bookmarks').is(':empty')){
        $('#bookmarks').css('visibility','hidden');
    }   
});

but that didn't work. So how can I execute that function after the item has fully been deleted?

http://stackoverflow.com/questions/2200494/jquery-trigger-event-when-an-element-is-removed-from-the-dom — Matt Whipple, Jul 30 '13 at 13:26

score 5 · Accepted Answer · answered Jul 30 '13 at 13:21

5

Simple, just execute it after you call remove()

$(document).on('click','.btn',function(){
    //code here
    //$t is the item to delete
    $t.remove();

    //remove done, next
    if($('#bookmarks').is(':empty')){
        $('#bookmarks').css('visibility','hidden');
    }
});

answered Jul 30 '13 at 13:21

tymeJV

103,943
14
161
157

2

I can't believe none of the answers cache the query result : `var $bookmarks = $('#bookmarks');` – Virus721 Jul 30 '13 at 13:25
this worked...i'll accept it in 10 minutes when I AM allowed to – Ryan Saxe Jul 30 '13 at 13:25

score 0 · Answer 2 · answered Jul 30 '13 at 13:23

0

Try

$(document).on('click','.btn',function(){

$t.remove();

//remove done
if($('#bookmarks').is(':empty')){
    $('#bookmarks').hide();
}

});

answered Jul 30 '13 at 13:23

Neeraj Dubey

4,401
8
30
49

execute after jquery .on

2 Answers2