如何在表单标签中放置对话框 div答案

【问题标题】：How do I put a dialog div in form tag如何在表单标签中放置对话框 div
【发布时间】：2018-07-03 01:58:11
【问题描述】：

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

到目前为止我已经尝试过了：

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

但它只附加 dialogAddPart，而不是它的父级。

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

【问题讨论】：

【解决方案1】：

您说您尝试过$('form').append('.ui-dialog')，但仅此一项应该行不通。

明确地说，你应该尝试：

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

或者，在一行中：

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

您应该考虑为其中一些元素赋予唯一的 id，因为例如，您以后可能会拥有多个表单元素。

【讨论】：

【解决方案2】：

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

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

【讨论】：