如何删除 jcrop？

Question

如何取消 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,
            onSelect: statusCrop,
            bgColor: 'black',
            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'));

上面的代码对我不起作用。我认为这与我在 jquery 对话框中使用它有关。 http://code.google.com/p/jcrop/issues/detail?id=21< /a>

不确定如何修复它。

Answer 1

我想知道同样的事情，在阅读源代码后发现了一个在 v0.9.8 中工作的简单解决方案（其他发布的答案目前仅适用于开发版本）。如果您像这样启动 Jcrop：

$('#imgThumbnailer').Jcrop({
    onChange: statusCrop,
    onSelect: statusCrop,
    bgColor: 'black',
    bgOpacity: .3
});

那么您可以通过以下方式访问 api 并销毁 Jcrop：

JcropAPI = $('#imgThumbnailer').data('Jcrop');
JcropAPI.destroy();

对于提问者来说可能为时已晚，但希望这对从 google 偶然发现此页面的人有帮助！

Answer 2

编辑：当您将 jcrop 添加到图像时，看起来您需要维护对 api 的引用。

// assign jcrop to jcrop_api
var jcrop_api = $.Jcrop('#imgThumbnailer', {
    onChange: statusCrop,
    onSelect: statusCrop,
    bgColor: 'black',
    bgOpacity: .3
});


// when you want to remove it
jcrop_api.destroy();

Answer 3

从 Jcrop v0.9.9 版本开始，您需要按照以下方式执行此操作：

var jcrop_api;
$('#target').Jcrop(options,function(){
    jcrop_api = this;
});

由创建者提供：http: //deepliquid.com/content/Jcrop_API.html