打开第二个jQuery对话框失败

Question

我需要在另一个内部打开一个jQuery对话框。第一个对话框打开，但第二个对话框引起了错误：

对象不支持属性或方法"对话"

所有页面都有与参考相同的JavaScript文件。

JavaScript处理对话框：

$("#dialog").dialog({
    autoOpen: false,
    modal: true,
    height: 600,
    stack: true,
    open: function(ev, ui) {
        $('#myIframe').attr('src','http:Order/orderForm.aspx');
    }
});
$('#dialogBtn').click(function() {
    $('#dialog').dialog('open');
});
function openSecond(id){
    $("#"+id).dialog({
        autoOpen: false,
        modal: true,
        height: 300,
        stack: true,
        open: function(ev, ui) {
            $('#myIframe2').attr('src','http:Order/orderDetail.aspx');
        }
    });
}

父母页面上有我的第一个对话框。

<div id="dialog" ><iframe id="myIframe" src=""  />  </div>

下面是"儿童页面上的一个"

<div id="dialog2" ><iframe id="myIframe2" src=""  />  </div>

Answer 1

您需要包括jQuery UI。这是官方的API https://api.jqueryui.com/dialog/。你可以在这里下载。并且不要自闭症<iframe>