Removing jquery imgareaselect plugin from element
So im using this neat jquery plugin http://odyniec.net/projects/imgare开发者_开发知识库aselect/ It works fine, but i'm firing it with jquery ui callback function (dialog), and i need to remove the selection after dialog closes.
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();
});
});
});
I would really appreciate some tips, because i'm new to jquery and I can't work this out by myself.
Thank you
http://odyniec.net/projects/imgareaselect/usage.html
$('#image_area').imgAreaSelect({remove:true});
should work, but not sure
The only way I've found to get the selection treatment areas removed was the following:
"Close": function() {
$(".imgareaselect-selection").parent().remove();
$(".imgareaselect-outer").remove();
$(this).dialog("close");
},
The following did not work for me (in the jquery and jqueryui elements in Wordpress 3.0.5)
$(selector).imgAreaSelect( {remove: true} );
This worked for me:
var $ias = $('#imageArea').imgAreaSelect({
instance: true
});
$('#clearBtn2').click(function() {
$ias.cancelSelection();
});
According to the documentation for the options at HomeimgAreaSelect Documentation
$('#image_area').imgAreaSelect( {remove: true} );
will do the trick
According to the documentation: http://odyniec.net/projects/imgareaselect/usage.html
{remove: true} will actually remove the imgAreaSelect-y-ness completely. If all you want to do is box and grayed out area, (but allow the user to drag a new box later) you want {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
First statement hides the imgareaselect and the second statement helps in reloading the crop functionality when the modal is loaded the next time.
I used both the statements while returning to the main window from the modal so that there is no issue loading the crop functionality next time.
ya it really work but after -->$('#image_area').imgAreaSelect({remove:true}); It cannot work on tagging other photo
精彩评论