jquery - jquery拖放后删除拖动的元素

Question

我有以下 jquery 代码

$( "#location1 div" ).draggable({
                appendTo: "body",
                helper: "clone"

              });

              $( "#location2" ).droppable({
                activeClass: "ui-state-default",
                hoverClass: "ui-state-hover",
                accept: ":not(.ui-sortable-helper)",
                drop: function( event, ui ) {
                  $( this ).find( ".placeholder" ).remove();
                  $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
                }
              })

这工作正常，但被拖动的元素没有被删除，所以如果我将一个元素从一个 div 拖动到另一个，那么两个 div 都包含该拖动的元素。我想将元素从 div1 拖到 div2 并让元素只出现在 div2 中（即在放置后将其从 div1 中删除）。

我究竟做错了什么？