jquery-ui - 如何将折叠效果与 jQuery.remove() 结合起来

Question

我希望我的 div 先折叠然后从 DOM 中删除。我试过这个，但不是先折叠然后移除，而是立即消失

$("#backgroundPopup").effect("fold", {

    size: "50%"

}, 1000).remove(); //end of effect()

如果我只是使用

$("#backgroundPopup").effect("fold", {

    size: "50%"

}, 1000);

然后它折叠但我的 div 仍然驻留在 DOM 中。我可以将两者结合起来吗？

谢谢

Answer 1

您想对元素使用effect' 回调。remove

$("#backgroundPopup").effect("fold", {
    size: "50%"
}, 1000, function(){
    $(this).remove();  // this will run after the effect is finished
});