对话框后可拖动元素消失

Question

我正在尝试使用draggable / sortable效果将新元素添加到列表中，然后打开一个对话窗口，询问它的名称。但是，在对话框关闭后，新创建的元素消失后会发生什么。

$(function() {
  $( "#sortable" ).sortable({
    revert: true
  });
  $( "#draggable" ).draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid",
    stop: function(event, ui) {
      $("#dialog").dialog('open');
    }
  });
  $( "ul, li" ).disableSelection();
});
$(function() {
  $("#dialog").dialog({
    autoOpen: false,
    height: 150,
    width: 200,
    modal: true
  });
});
function changeTitle() {
  var boxText = $("#newsTitle").val();
  $(".ui-draggable").text(boxText);
  $(".ui-state-default").removeClass('ui-draggable');
}

我认为我已经将其缩小到对话框返回时有所作为。有任何想法吗？