jquery-ui - remove() 不删除调整大小的图像

Question

jQuery 谈到 .remove() 方法

当您想要删除元素本身以及其中的所有内容时，请使用 .remove()。除了元素本身，所有与元素关联的绑定事件和 jQuery 数据都将被删除。

但是，如果您 remove() 围绕已调整大小的图像的 ui-wrapper，情况似乎并非如此。ui-wrapper 中的图像留在 DOM 中。请参阅此处的 jsfiddle http://jsfiddle.net/stevea/jP6NY/2/。

那么删除已调整大小的图像的正确方法是什么？

$(function(){  
   $('#pelican').resizable({handles : 'ne,se,sw,nw', aspectRatio : true});
 });

$('button#removeImg').click(function() {
    $('.ui-wrapper').remove();
});

谢谢

Answer 1

要删除在调用 .resizable 期间创建的图像和包装器，请使用：

$('#pelican').remove();

要仅删除调整图像大小的功能，同时使图像处于调整大小状态，请使用：

$('.ui-wrapper').remove();

原因是 jQuery 和 jQuery UI 小部件在调用 .remove() 和可调整大小的析构函数期间进行了一些“整理”，从而产生了上述行为。