从元素中删除jquery imgareaselect插件

问题描述：

所以即时通讯使用这个整洁的jQuery插件http://odyniec.net/projects/imgareaselect/ 它工作正常，但我用jquery ui回调函数（对话框）引发它，我需要在对话框关闭后删除选择。从元素中删除jquery imgareaselect插件

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，我不能自己解决这个问题。

谢谢

不确定，但+1分享一个非常酷的jQuery插件的问题！ – 2010-03-05 13:32:44

答

根据该选项的使用说明在HomeimgAreaSelect Documentation

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

会做的伎俩

答

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

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

应该工作，但不知道

它确实有效...... – 2012-05-30 20:31:19

我知道这是一个旧帖子。这工作100％。 – Orion 2017-05-11 06:08:10

答

它真的工作，但后 - > $（'＃image_area'）。imgAreaSelect（{remove：true}）; 它不能正常工作的标记其他照片

答

我发现得到去除选择治疗领域的唯一途径是以下几点：

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

下并没有为我工作（在jQuery和jQueryUI的在WordPress的3.0.5元素）

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

+1。 $（selector）.imgAreaSelect（{remove：true}）;没有为我工作。 – 2012-06-20 04:38:18

答

这为我工作：

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

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

如果您想重新打开对话框并再次选择图像区域，这是一个更好的答案。 @ Daniele的回答将完全删除/销毁你的元素中的插件，但是这只会删除视觉选择框和背景。 – monty 2016-03-29 02:11:03

答

根据文档：http://odyniec.net/projects/imgareaselect/usage.html

{remove：true}将实际上完全删除imgAreaSelect-y-ness。如果你想要做的只是框和灰色区域（但允许用户稍后拖动一个新框），你需要{hide：true}。

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

答

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

首先声明隐藏imgareaselect和第二条语句帮助时进行模态下一次加载重装作物功能。

我从模态返回到主窗口时使用了这两个语句，以便下次加载裁剪功能时不存在问题。

从元素中删除jquery imgareaselect插件

相关推荐