jquery - 要素から 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が初めてで、自分でこれを解決できないため、いくつかのヒントをいただければ幸いです。

ありがとうございました

score 22 · Accepted Answer

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

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

動作するはずですが、よくわかりません

score 6 · Accepted Answer

選択処理領域を削除するために私が見つけた唯一の方法は次のとおりです。

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

以下は私にとってはうまくいきませんでした（Wordpress 3.0.5のjqueryおよびjqueryui要素で）

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

score 5 · Accepted Answer

これは私のために働いた：

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

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

score 3 · Accepted Answer

HomeimgAreaSelect Documentationのオプションのドキュメントによると

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

トリックを行います

score 1 · Accepted Answer

ドキュメントによると：http：//odyniec.net/projects/imgareaselect/usage.html

{remove：true}は、実際にはimgAreaSelect-y-nessを完全に削除します。ボックスとグレー表示された領域だけが必要な場合（ただし、ユーザーが後で新しいボックスをドラッグできるようにする場合）、{hide：true}が必要です。

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

score 0 · Accepted Answer

実際に動作しますが、 -->$('#image_area').imgAreaSelect({remove:true}); の後他の写真にタグ付けすることはできません

jquery - 要素から jquery imgareaselect プラグインを削除する

7 に答える 7

Related

Reference