Удаление плагина jquery imgareaselect из элемента

Question

Так что я использую этот аккуратный плагин jquery http://odyniec.net/projects/imgareaselect/ Он работает нормально, но я запускаю его с помощью функции обратного вызова jquery ui (диалогового окна), и мне нужно удалить выделение после закрытия диалогового окна.

function initialize_selection() {
$('#image_area').imgAreaSelect({ x1: 10, y1: 10, x2: $('#image_area').width()-10, y2: $('#image_area').height()-10 , fadeSpeed: 400, handles: true});
}

$(function() {
$('#image_edit').click(function(){
    $('#edit_image_dialog').load('actions.php?action=edit_temp_image', function(){
            $('#edit_image_dialog').dialog({
                modal: true,
                resizable: false,
                width: 480,
                    buttons: {
            Ok: function() {
                        //foo_bar                                                                        
            },
                        Cancel: function() {
                        //foo_bar
            }
                    },
                    beforeclose: function(){
                    //What should i put here ???
                    ;}
            });
    initialize_selection();
        });
    });
});

Я был бы очень признателен за некоторые советы, потому что я новичок в jquery и не могу решить это самостоятельно.

Спасибо

Answer 1

http://odyniec.net/projects/imgareaselect/usage.html

$('#image_area').imgAreaSelect({remove:true});

должно работать, но не уверен

Answer 2

Единственный способ, которым я нашел удаление областей обработки выбора, был следующим:

"Close": function() { 
  $(".imgareaselect-selection").parent().remove();
  $(".imgareaselect-outer").remove();
  $(this).dialog("close"); 
},

У меня не работает следующее (в элементах jquery и jqueryui в Wordpress 3.0.5)

$(selector).imgAreaSelect( {remove: true} );

Answer 3

Это сработало для меня:

var $ias = $('#imageArea').imgAreaSelect({
    instance: true
});

$('#clearBtn2').click(function() {
    $ias.cancelSelection();
});

Answer 4

Согласно документации для опций в HomeimgAreaSelect Documentation

$('#image_area').imgAreaSelect( {remove: true} );

сделает свое дело

Answer 5

Согласно документации: http://odyniec.net/projects/imgareaselect/usage.html

{remove: true} фактически полностью удалит imgAreaSelect-y-ness.Если все, что вы хотите сделать, - это поле и область, выделенная серым цветом (но позвольте пользователю перетащить новое поле позже), вы хотите {hide: true}.

$('#image_area').imgAreaSelect( {hide: true} );

Answer 6

$('#image_area').imgAreaSelect({remove:true}); //For hiding the imagearea
$('#image_area').imgAreaSelect({remove:false}); //For resetting the imagearea

Первый оператор скрывает imgareaselect, а второй оператор помогает перезагрузить функцию обрезки при следующей загрузке модала.

Я использовал оба оператора, возвращаясь в главное окно из модального окна, чтобы не было проблем с загрузкой функции обрезки в следующий раз.

Answer 7

да, это действительно работает, но после -> $ ('# image_area'). ImgAreaSelect ({remove: true}); Невозможно пометить другие фотографии