jQuery callback within the remove() function

Question

I need to call a function after a DIV has been removed from the page.

I have tried adding a callback like so, but no luck. Any suggestions?

$(foo).remove( function() {
   stepb();
});

check this http://stackoverflow.com/questions/7594817/jquery-remove-callback — Mehmet Ataş, Dec 31 '12 at 20:24
Have to ask. Why not just `$(foo).remove(); stepb();`? It is an issue with the context of `stepb()`? — Jonathan Lonowski, Dec 31 '12 at 20:34
Jonathan, I want to assure remove has completed before stepb is executed. — Jason Wells, Dec 31 '12 at 22:34
@JasonWells [`.remove()`](http://api.jquery.com/remove/) is a [synchronous operation](https://github.com/jquery/jquery/blob/1.8.3/src/manipulation.js#L171-L189). The elements will already be detached from the `document` when it `return`s and before `stepb()` is called. — Jonathan Lonowski, Jan 01 '13 at 07:48

The Alpha · Accepted Answer · 2014-11-14T20:59:16.440

20

Try this

~~$.when($('#foo').remove()).then(stepb());~~ ~~[Example1][1] and [Example2][2].~~

$('#foo').remove();
stepb();

Since the remove method in jQuery is synchronous, stepb() will be invoked after remove() has finished. So, no need to use $.when().then().

edited Nov 14 '14 at 20:59

answered Dec 31 '12 at 20:27

The Alpha

score 0 · Answer 2 · edited May 23 '17 at 12:07

0

By default there is no event fired when something is removed from the DOM.

edited May 23 '17 at 12:07

Community

answered Dec 31 '12 at 20:26

Jason Whitted

2 Answers2