jQuery UI如何打开一个对话框，附加到div而不是正文

3 回答

• 12

  我昨天刚刚解决了这个问题 . 我解决它的方法是在表单底部插入一个空div（ <div id="bottomOfForm"></div> ），然后在关闭对话框时，将其内容移动到该div中 . 就我而言，代码是这样的：

  // Setup up dialogue box that contains some form fields:    
          $j("#myDialogue").dialog({
              autoOpen: false,
              height: 300,
              width: 350,
              modal: true,
              buttons: {
                  "Submit": function() {
                      // Move to main form so fields get included:
                      $j(this).parent().prependTo($j("#bottomOfForm"));
                      // Submit the main form:
                      $j('#mainForm').submit();
                  },
                  Cancel: function() {
                      $j(this).dialog( "close" );
                  }
              }
          });
  

  回复于 2024-04-20T05:49:05+08:00
• 3

  这是一个旧线程，但万一有人（像我一样）将来遇到它，我认为值得注意的是，从1.10.0开始，jQuery UI提供了appendTo选项：

  $("#myDialogue").dialog({
    appendTo: "#DesiredDivID"
  });
  

  link to API docs

  回复于 2024-04-20T05:49:05+08:00
• 34

  此类ModalDialogs旨在不干扰现有DOM，因此只有它们会附加在 body 中，而不是您配置添加位置 .

  对于您的特定用途，我建议在关闭时从Dialog中找到 form inputs ，克隆它们并将它们附加到您的表单 . 将它们插入表单时，您可能希望将 type=text 转换为 type=hidden . 这样，您就可以使用普通表单提交提交的数据 .

  快乐的编码 .

  回复于 2024-04-20T05:49:05+08:00