动态创建jquery模式对话框_Jquery_Dialog_Modal Dialog

动态创建jquery模式对话框

jquery

动态创建jquery模式对话框,jquery,dialog,modal-dialog,Jquery,Dialog,Modal Dialog,我想在运行我的页面时动态创建jquery对话框模式，但是我无法获得它，我得到了一个无模式对话框这是我的简单代码 <script> function show() { var dialog = $('<div id="msg_dialog"></div>').dialog(); dialog.dialog({ moda

我想在运行我的页面时动态创建jquery对话框模式，但是我无法获得它，我得到了一个无模式对话框

这是我的简单代码

        <script>
            function show() {
                var dialog = $('<div id="msg_dialog"></div>').dialog();
                dialog.dialog({
                    modal: true,
                    autoOpen: true,
                    title: 'Test',
                    buttons: [
                        {
                            text: 'Ok', 
                            click: function() {
                                $('#res').empty().append('<h1>Open<h1>');
                                $('#msg_dialog').remove();
                            }
                        },
                        {
                            text: 'Cancel',
                            click: function() {
                                $('#res').empty().append('<h1>Close<h1>');
                                $('#msg_dialog').remove();
                            }
                        }
                    ]
                });
            }
        </script>


函数show（）{
var dialog=$（''）.dialog（）；
对话({
莫代尔：是的，
自动打开：对，
标题:"测试",，
按钮：[
{
文本：“Ok”，
单击：函数（）{
$（'#res'）.empty（）.append（'Open'）；
$（'#msg_dialog'）。删除（）；
}
},
{
文本：“取消”，
单击：函数（）{
$（'#res'）.empty（）.append（'Close'）；
$（'#msg_dialog'）。删除（）；
}
}
]
});
}

加载模式onload 确保在加载时运行该函数。请尝试以下代码：将

替换为

<body onload="show();">

帮助您更正代码的简单模式代码

$("#dialog-message").dialog({
    modal: true,
    draggable: false,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
        }
    }
});

来源：

我有这样一个@Zouhair看到更新的答案，你的代码加载模态onclick。如果你提供一个JSFIDLE，你的问题将很容易理解。thx Avadhesh18，我不能得到一个模态对话框，我得到一个非模态对话框，问题，我如何才能得到模态对话框dynamically@Zouhair查看更新的答案这可能有助于您更正代码。抱歉，我已尝试过，但我可以获得一个模式对话框：(

$("#dialog-message").dialog({
    modal: true,
    draggable: false,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
        }
    }
});