Eliminando jquery imgareaselect plugin del elemento

Question

Así que estoy usando este limpio complemento jquery http://odyniec.net/projects/imgareaselect/ Funciona bien, pero lo estoy disparando con la función de devolución de llamada de jquery ui (diálogo), y necesito eliminar la selección después de que se cierra el cuadro de diálogo.

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(); 
     }); 
    }); 
}); 

Realmente agradecería algunos consejos, porque soy nuevo en jquery y no puedo resolver esto por mi cuenta.

Gracias

Answer 1

De acuerdo con la documentación de las opciones en HomeimgAreaSelect Documentation

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

hará el truco

Answer 2

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

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

debería funcionar, pero no está seguro

Answer 3

ya funciona, pero después de -> $ ('# image_area'). ImgAreaSelect ({remove: true}); no puede trabajar en el etiquetado otra foto

Answer 4

La única forma que he encontrado para conseguir las áreas de tratamiento selección eliminado fue el siguiente:

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

El siguiente no funcionaba para mí (en el jQuery y jqueryui elementos en Wordpress 3.0.5)

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

Answer 5

Esto funcionó para mí:

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

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

Answer 6

De acuerdo con la documentación: http://odyniec.net/projects/imgareaselect/usage.html

{remove: true} eliminará completamente imgAreaSelect-y-ness por completo. Si todo lo que desea hacer es un área en recuadro y en gris, (pero permita al usuario arrastrar un cuadro nuevo más adelante), quiere {hide: true}.

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

Answer 7

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

Primera declaración oculta la imgareaselect y la segunda declaración ayuda a volver a cargar la funcionalidad de los cultivos cuando el modal se carga la próxima vez.

Utilicé ambas declaraciones al regresar a la ventana principal del modal para que no haya problemas al cargar la funcionalidad de recorte la próxima vez.