我如何取消jcrop图像？
我正在加一个jcrop
$('#imgThumbnailer').Jcrop({
onChange: statusCrop,onSelect: statusCrop,bgColor: 'black',bgOpacity: .3
});
我该如何去撤销它？
编辑：
$('#imgThumbnailer').attr("src",$obj.attr('thumbnailer_link'));
var dlg = $("#ThumbnailDialog").dialog({
modal: false,draggable: false,position: 'center',zIndex: 99999,// Above the overlay
closeText: '',width: 510,height: 500,open: function () {
$('body').css("overflow","hidden");
if ($.browser.msie) {
$('html').css("overflow","hidden");
}
$("#loader").show();
var ratio = parseFloat($obj.attr('thumbnailer_ratio'));
jcrop_api = $.Jcrop('#imgThumbnailer',{
onChange: statusCrop,bgOpacity: .3,aspectRatio: ratio
});
},close: function () { $('body').css("overflow","auto"); if ($.browser.msie) { $('html').css("overflow","auto"); } $("#loader").hide(); },buttons: {
'Set Thumbnail': function () {
$(this).dialog('close');
},Cancel: function () {
jcrop_api.destroy();
jcrop_api = null;
$(this).dialog('close');
}
}
}).parent();
dlg.appendTo(jQuery('form:first'));
上面的代码对我来说不行。我认为这必须做一个事实，即Im在jQuery对话框中使用它。 http://code.google.com/p/jcrop/issues/detail?id=21
不确定如何去修复它。
解决方法
编辑：当您将jcrop添加到图像时，您需要保留对api的引用。
// assign jcrop to jcrop_api
var jcrop_api = $.Jcrop('#imgThumbnailer',{
onChange: statusCrop,bgOpacity: .3
});
// when you want to remove it
jcrop_api.destroy();
