jQuery Draggable/Droppable - 刪除所有丟棄的'物品'

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(); 
        } 
       }); 

我已經創建了一個名爲垃圾DIV，所以當物品被丟棄到這一點，他們將被刪除。我需要類似的功能，但是當按下按鈕時，它將刪除所有被拖放的形狀，而不必將其拖到垃圾箱上。

Answer 1

只需用item類中刪除的所有元素：

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

---

旁註：

而是與$("#wrapper .shape")再次選擇下跌.shape的元素，你可以做

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