向可拖动对象添加 'Remove/Delete' 选项

Question

我有一个可拖动对象，我想为 close/remove 提供选项。我已经能够将 "close" 文本添加到对象，但是当我单击 "close" 文本时，对象没有被删除。

我使用了 here 中的代码下面是我的代码

//Add the close property to the dragged object
$(clonedObject).append('<div class="close">close</div>');

//Add click event to delete object
$('.close', clonedObject).click(function () {
    $(clonedObject).remove();
});

Answer 1

我能够解决这个问题。问题是目标 div 标签是嵌套的。一旦我删除了内部 div 标签，点击事件就起作用了。

                <div id="textbox" class="draggableItem">                
                <span class="draghandle">::</span>
                <div class="item">
                <span class="draggableItemContentText">Text Box</span>
                </div>
                </div>

解决方案应该如下图所示，

        <div id="textbox" class="draggableItem">                
            <span class="draghandle">::</span>
            <span class="draggableItemContentText">Text Box</span>
        </div>

向可拖动对象添加 'Remove/Delete' 选项

Add 'Remove/Delete' option to draggable object

jquery

object

draggable