jquery – 如何删除jcrop？

我如何取消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();