Question

我希望能够通过双击删除克隆的辅助对象。

我有以下javascript代码：

$(document).ready(function(){
    $(".draggable").draggable({
        helper: 'clone',
        start: function (event, ui) {
            ui.helper.animate({
                width: 200,
                height: 200
            });
        },
        cursorAt: {left:50, top:50}
    })
        .on('dragstop', function(event, ui) {
        $(this).after($(ui.helper).clone().draggable({cursor:'move'}).resizable());});

});

这是jsFiddle。拖动红色方块以创建克隆。我现在希望通过双击删除克隆，但到目前为止所有尝试都失败了。

非常感谢

Answer 1

要删除元素，我们只需要使用$(this).remove()。尝试以下代码使其工作：

    .on('dragstop', function (event, ui) {
    $(this).after($(ui.helper).clone().addClass('removable').draggable({
        cursor: 'move'
    }).resizable());

    $('.removable').dblclick(function () {
        $(this).remove();
    });
});

jsFiddle：here

通过双击删除jQuery克隆帮助程序对象

1 个答案: