remove()不删除已调整大小的图像

时间:2013-08-25 23:44:36

标签: jquery-ui

jQuery谈到.remove()方法

  

要删除时使用.remove()   元素本身,以及其中的一切。此外   元素本身,所有绑定事件和jQuery数据相关联   删除元素。

但是如果你在一个已经调整大小的图像周围移除()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();
});

由于

1 个答案:

答案 0 :(得分:1)

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

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

要仅删除调整图像大小的功能,同时将图像保持在调整大小状态,请使用:

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

原因是jQuery和jQuery UI小部件在调用.remove()和resizable的析构函数期间做了一些“整理”,产生了上面的行为。