Не удалось открыть второй диалог jquery

Question

Мне нужно открыть диалог jquery внутри другого.Первое диалоговое окно открывается, но второе диалоговое окно вызывает ошибку:

Объект не поддерживает свойство или метод 'dialog'

Все страницы имеют одинаковые файлы 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>

Answer 1

Вам необходимо включить jQuery UI. Это официальный API https://api.jqueryui.com/dialog/. Вы можете скачать его здесь . И не закрывайтесь самостоятельно <iframe>