打开第二个jQuery对话框失败

时间:2019-06-27 23:15:46

标签: jquery jquery-ui

我需要在另一个对话框中打开一个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。

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

下面是子页面上的那个

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

1 个答案:

答案 0 :(得分:0)

您需要包括jQuery UI。这是官方API https://api.jqueryui.com/dialog/。您可以here下载它。并且不要自行关闭<iframe>