我有一个可拖动的对象我想提供关闭/删除选项。 我已经能够向对象添加“关闭”文本,但是当我单击“关闭”文本时,对象不会被删除。
我使用了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();
});
答案 0 :(得分:0)
我能够解决这个问题。问题是目标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>