如何在窗体标记中放置对话框div

Question

我有一个页面，我试图在其中放入一个JQuery对话框，输入数据然后转到服务器。我遇到的问题是对话框在form标记之外，因为我输入的整个数据在某处丢失了。它看起来像这样：

到目前为止我已尝试过这个：

var dialogAddPartDiv = $('.dialogAddPart'); 
$('form').append(dialogAddPartDiv);

但它只附加了dialogAddPart，而不是其父母。

在这种情况下，$('form').append('.ui-dialog')命令不起作用。如何在表单中添加.dialogAddPart的父div？我使用的技术是XPages，因为我不能在对话框声明中使用内部按钮来处理AJAX请求，所有这些东西都在XPage本身内部定义。

Answer 1

jQuery UI Dialog有一个appendTo选项，允许您将对话框附加到某个元素：

$( ".selector" ).dialog({
  appendTo: "#someElem"
});

Answer 2

你说你已经尝试$('form').append('.ui-dialog')，但仅此一点不起作用。

明确地说，你应该尝试：

var uiDialog= $('.ui-dialog'); 
$('form').append(uiDialog);

或者，在一行中：

$('form').append($('.ui-dialog'));

您应该考虑为其中一些元素提供唯一ID，例如，您可能在以后最终拥有多个表单元素。