刪除后如何刪除jQuery可拖動項的子項

Question

我將父li元素用作可拖動元素，這是我要拖動的唯一元素，但是在刪除li之后，sub ul和它的孩子仍然存在。 因此，問題是，一旦成功拖放了可拖動對象，如何刪除不再存在的項的子項（因為我沒有還原）簡單列表：

<ul>
  <li class="draggable">Some text</li>
    <ul>
      <li class="child">More text</li>
      <li class="child">More text</li>
   </ul>
 </li>
<ul>

<div class="droppable">This is the drop zone</div>

到目前為止，有關代碼的小提琴是： http : //jsfiddle.net/wkrdgumb/1/

Answer 1

您可以在start事件中捕獲父元素的上下文。 刪除元素后，可以在stop事件中刪除在start事件中捕獲的元素：

更新示例

$(function () {
    var $context = $();
    $(".contact-group").draggable({
        revert: false,
        refreshPositions: true,
        drag: function (event, ui) {
            ui.helper.addClass("draggable");
        },
        start: function (event, ui) {
            $context = ui.helper.parent();
        },
        stop: function (event, ui) {
            ui.helper.removeClass("draggable");
            ui.helper.removeClass("contact-group");
            $context.remove();
        }
    });
    $(".send_to").droppable({
        // ...
    });
});