使用jQuery双击删除div

Question

我试图在双击时执行此操作，但我没有运气，我将“点击”更改为双击，因为“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();
});