使用jQuery UI删除成功时可删除的功能

<div class="draggable" id="draggable">
 <button class="delete">删除</button>
</div>

$(function() {
  // 使元素可拖拽
  $("#draggable").draggable();

  // 使元素可删除
  $(".delete").click(function() {
    $(this).parent().remove();
  });
});

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

$(function() {
  // 使元素可拖拽和删除
  $("#sortable").sortable({
    placeholder: "ui-state-highlight",
    connectWith: ".connectedSortable",
    remove: function(event, ui) {
      ui.item.remove();
    }
  });
});