使用jQuery雙擊刪除div

Question

我正在嘗試通過雙擊執行此操作，但是我不走運，我如何將“ click”更改為雙擊，因為“ dblclick”無法在其位置正常工作

$('.shapes').on("click", function(){
if(!$(this).hasClass("master"))
{
    $(this).remove();
}   
});

http://jsfiddle.net/sU8mA/3/

Answer 1

dblclick -API： http ： //api.jquery.com/dblclick/

工作演示 http://jsfiddle.net/AyD3S/ :)

碼

$('.shapes').on("dblclick", function(){
if(!$(this).hasClass("master"))
{
    $(this).remove();
}   
});

Answer 2

編輯：

JSFiddle示例： http : //jsfiddle.net/85k3d/3/

//double clicking a master shape copy
    $('.master').on("dblclick", function() {
        //Remove old shape
         $('.shapes2').fadeOut();

        //Clone new shape
        var $clone = $(this).clone();
        $clone.attr("id", "shape"+counter);
        $clone.removeClass('master');
        $clone.addClass('shapes2');
        $clone.appendTo("#playArea");
        counter++;


    });     

Answer 3

如果可能，您可以提供示例的鏈接。 我認為這是您嘗試重新創建的效果

http://jsfiddle.net/V5qY8/

您可以嘗試在雙擊該類時將其刪除，而不是通過if語句查找該類

HTML

<div class="master">
    </div>``

JQuery的

$( ".master" ).dblclick(function() {
  $( this ).remove();
});