JQuery UI Dialog buttonpane div appendTo表单

时间:2011-08-02 14:57:56

标签: jquery forms button dialog append

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

$(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">

那么问题是我如何将其附加到表单中呢?

1 个答案:

答案 0 :(得分:1)

不幸的是,如果页面上有多个对话框,@ TommyB的解决方案(在问题的评论中)将无效。

相反,这样做:

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