JQuery UI Dialog buttonpane div appendTo form答案

【问题标题】：JQuery UI Dialog buttonpane div appendTo formJQuery UI Dialog buttonpane div appendTo form
【发布时间】：2011-10-18 08:25:38
【问题描述】：

我想附加为对话框中的按钮创建的面板。所以我可以使用打印按钮访问表单中的控件。

$(document).ready(function() {
    $(".dialogDiv").dialog({
        autoOpen: false,
        modal: true,
        position: [50, 50],
        buttons: {
            "Print": function() {
                //Do stuff
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });
    $(".dialogDiv").parent().appendTo($('form'));
});

<div class="dialogDiv" title="Printwindow"> ... Controls n stuff</div>

按钮有一个自动生成的 div，在 firebug 中有一个如下所示的 div：

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">

问题是我如何将它也附加到表单中？

【问题讨论】：

也许我遗漏了什么，但你不只需要这样做 $('div.ui-dialog-buttonpane').appendTo($('form'));

标签： jquery forms button dialog append

【解决方案1】：

不幸的是，如果页面上有多个对话框，@TommyB 的解决方案（在问题的评论中）将不起作用。

相反，这样做：

$("#mydialog").siblings(".ui-dialog-buttonpane")

【讨论】：