添加到<；后，jQuery对话框不再工作；表格>；

我在表单中有一个表单和一个div，用于jQuery对话框的内容。我的目标是弹出对话框，用户在文本框和文本区域中输入一些信息，然后提交表单，并将这些数据提供给我的代码，但随后能够重新打开对话框（提交后页面保持不变），输入新数据，并根据需要重新提交表单

如果我跑步：

$('div#mydialog').appendTo($('form#foo'));

然后：

 $('div#mydialog').dialog('open');

此时将显示一个只有按钮的对话框，对话框后面显示的是用户无法访问的div。（简而言之，它看起来像一个UI小部件集群）

为什么将div#mydialog附加到表单（它的起始位置）然后调用.dialog（'open'）会导致这种行为，在将其附加到表单#foo以将用户的数据发送到服务器后，如何使其正常打开

提前谢谢

编辑：由于某种原因，对话框在最初打开后似乎没有被追加。i、 e.它被打开/编辑/关闭若干次，用户单击“提交”，div被附加到表单中，然后当我再次尝试对话框（“打开”）时，Firebug显示它保持在表单中的正确位置-jQuery似乎不会再次尝试移动它，而只是更改其内联样式。有人知道为什么会这样吗

编辑2:我不知道我的html/脚本对你有多大帮助，它基本上就是你想象的那样：

    <form id="foo"><! -- some form stuff -->
  <div id="stufftoputindialog" style="display:none;">
    <!-- text boxes/textareas to put in dialog -->
  </div>
</form>

单击编辑按钮：

   $('#stufftoputindialog').dialog('open');

提交表格时：

$('#stufftoputindialog').appendTo('form#foo');

然后再次单击编辑按钮

$('#stufftoputindialog').dialog('open');

---

导致UI TrainCrank（根据Firebug的说法，#StufptoPutinDialog没有像第一次那样从窗体外部移动到窗体右侧）

它也在一个容器中，您需要移动它，请执行以下操作：

$('div#mydialog').parent().appendTo('form#foo');

---

包装器适用于标题栏之类的内容…请查看您的源代码，当您调用

.dialog（）

它将其包装在另一个

中时，您需要转到该位置，然后移动该元素：）

如果有意义的话，我们可以看到一些HTML，可能还有更多的脚本吗？我之前已经尝试过了，但出现“无法在层次结构中的指定点插入节点”错误，但结果表明这是因为我试图在另一个未移动的对话框内容元素上执行$（div#baz）.parent（）.append（'form#foo'）（因此我试图将父元素附加到其自身）。你的答案是有效的，为此我授予你梦寐以求的绿色复选标记。

$('div#mydialog').parent().appendTo('form#foo');