添加'删除/删除'可拖动对象的选项

时间:2015-02-26 16:27:40

标签: jquery object draggable

我有一个可拖动的对象我想提供关闭/删除选项。 我已经能够向对象添加“关闭”文本,但是当我单击“关闭”文本时,对象不会被删除。

我使用了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();
});

1 个答案:

答案 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>
相关问题