Question

我想在运行我的页面时动态创建一个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>

Answer 1

加载模态加载 确保在加载时运行该功能。试试这段代码：将<body>替换为

<body onload="show();">

或者你可以添加这一行

window.onload = function(){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");
        }
    }
});

来源：http://jsfiddle.net/db5SX/

动态创建jquery模式对话框

1 个答案: