在DIV jquery-ui中销毁所有.draggable

时间:2015-02-10 17:52:40

标签: jquery jquery-ui jquery-ui-draggable

我希望在删除此DIV中的一个可拖动对象之后销毁div中的所有.draggable(s)。

在droppable中我编写了一个函数来尝试处理这个但它似乎杀死了页面。

var draggableId = ui.draggable.attr("id");
var parentDiv = $( "#"+draggableId ).parent();
$('#'+parentDiv+'.draggable').draggable("destroy");

最后一行我试图选择并使用父div中的一个draggable类来销毁所有元素并销毁它们。然而,这似乎不起作用。

是否有一种简单的方法来销毁指定DIV中的所有jquery-ui draggable?下面是当droppable收到可拖动时我调用的更全功能。

function handleCardDrop(event, ui) {

        var draggableId = ui.draggable.attr("id");
        var droppableId = $(this).attr("id");

        var parentDiv = $( "#"+draggableId ).parent();
        $( "#"+draggableId ).removeAttr( "id" );
        $(this).droppable('disable');
        var objectClone = $(ui.draggable).clone();
        $(objectClone).attr("id",draggableId);
        ui.draggable.draggable('option', 'revert', false); 

        $(objectClone).draggable({
            cursor: 'move',
            helper: 'clone',
            revert: true
        });

        $(this).append($(objectClone));

        //$(parentDiv + " > div").draggable( "destroy" );
        $('#'+parentDiv+'.draggable').draggable("destroy");
    }

修改 下面是我的问题的代码。掉落后没有摧毁拖拉机。你仍然可以拖动它们。也许我没有正确定位它们?

http://codepen.io/anon/pen/wBpJZp

0 个答案:

没有答案