Question

我有以下代码，我无法加载对话框

function CreateDialog(data){
                 alert('Hello');
                $( "#dialog-form" ).dialog({
                    autoOpen: false,
                    height: 300,
                    width: 350,
                    modal: true,
                    buttons: {
                        "OK": function() {
                            allFields.removeClass( "ui-state-error" );
                            jQuery.append('<table><tr>');
                            jQuery.each(data, function(key, value) {
                                jQuery.append("<td>"+value+"</td>");
                            });
                            jQuery.append('</tr></table>')
                        },
                        Cancel: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        allFields.val( "" ).removeClass( "ui-state-error" );
                    }
                });}

现在我可以提醒，但我无法触发Dialog，我也没有收到任何错误。我按如下方式链接我的库。

    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

Answer 1

您将对话框设置为autoOpen：false，这意味着您必须自己打开它：

$('#dialog-form').dialog('open');

http://api.jqueryui.com/dialog/#method-open

Answer 2

删除以下行

autoOpen: false,

无法触发对话框

2 个答案: