JQuery delete DOM element after fading out

问题

I want to delete an DOM element right after fading out. What I did so far is

$(element).click(function()
{
    $(this).fadeOut(500, function() { $().remove(this); });
});

But now I always get this error in Firebug: http://dl.getdropbox.com/u/5912/Jing/2009-02-04_1109.png

I guess it is because the fadeOut function is not really done when the callback gets called. And I can not put the $.remove() part after the fadeOut call because otherwise it gets removed instantly.

So do you know of any way I can do this better?

回答1:

You're using the remove() function wrongly.

$(element).click(function() {
    $(this).fadeOut(500, function() { $(this).remove(); });
});

回答2:

See this earlier SO question.

回答3:

why messing here just use $('#anydiv').remove();

回答4:

or $.remove($(this));

来源：https://stackoverflow.com/questions/510761/jquery-delete-dom-element-after-fading-out