Javascript 对话框结束后，可拖动元素消失

我正在尝试使用可拖动/可排序效果将新元素添加到列表中，然后打开一个对话框窗口询问其名称。但是，对话框关闭后，新创建的元素将消失

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

---

我想我已经把范围缩小到与对话框返回时有关。有什么想法吗

您能否显示工作示例..可能在jsfiddle.netuse document.ready（）上-在此之外定义您的函数，然后将它们作为回调调用。无论您的提交对话框是如何设置的，您的代码认为它将进入一个外部页面，因此它再次调用所有内容，基本上是刷新