Question

是否可以通过按一个按钮删除可放置div上的所有掉落'项目？

谢谢， LS

$("#wrapper").droppable({
                accept: '.shape',
                drop: function(event, ui) 
                    {
                        $(this).append($(ui.helper).clone());
                        $("#wrapper .shape").addClass("item");
                        $(".item").removeClass("ui-draggable shape");
                        $(".item").draggable({
                            containment: '#wrapper'
                        });
                    }
                });

                 $("#trash").droppable({
                    accept: '.item',
                    drop: function(event, ui) 
                    {
                        $(ui.draggable).remove();
                    }
                });

我创建了一个名为trash的div，所以当项目被删除时，它们会被删除。我需要类似的功能，但是当按下按钮时，它会删除所有掉落的形状，而不必将它们拖到垃圾桶上。

Answer 1

只需删除item类的所有元素：

$('#someButton').click(function() {
    $("#wrapper .item").remove();
});

旁注：

您可以执行

，而不是再次使用.shape选择已删除的$("#wrapper .shape")元素

ui.helper.clone() // ui.helper is already a jQuery object
 .appendTo(this)
 .toggleClass("item ui-draggable shape"); 
 .draggable({
      containment: '#wrapper'
 })

jQuery Draggable / Droppable - 删除所有丢弃的“项目”

1 个答案: