CODEWITHSUNDEEP
javascriptcallbackjquery
chroder
chroder

Reputation: 4463

jQuery remove() callback?

Is there an official way to hook in to jQuery.remove() so that a function can be called before/after?

I have a system whereby certain handlers are attached to elements, and sometimes these elements are removed (eg. a UI widget whose primary element is removed by some other action on the page). If handlers could be notified that their primary element was removed, I can run cleanup routines a little easier.

Upvotes: 18

Views: 32309

Answers (3)

Kenneth P.
Kenneth P.

Reputation: 1816

Here's a nifty hack - you might wanna give it a try.

$('div').hide(1, function(){
    // callback
    $(this).remove();
});

Upvotes: 3

mcnesium
mcnesium

Reputation: 1523

you can use jQuery.when():

$.when($('div').remove()).then( console.log('div removed') );

Upvotes: 24

Drew
Drew

Reputation: 4691

Use a custom event, attach handlers to the custom event that fire before/after the remove. For example,

$( document ).bind( 'remove', function( event, dom ){

    $( document ).trigger( 'beforeRemove', [ dom ] );
    $( dom ).remove();
    $( document ).trigger( 'afterRemove', [ dom ] );
});

$( document ).trigger( 'remove', 'p' ); //Remove all p's

Upvotes: 5

Related Questions