Как загрузить другую HTML-страницу в диалоговое окно пользовательского интерфейса JQuery?

Мне нужно, чтобы HTML-страница отображалась внутри модальной формы пользовательского интерфейса JQuery для сбора данных. Другие онлайн-решения сказали мне сделать что-то вроде этого:

var scanDialog = $( "#dialog" ).dialog({
                  modal: true,
                  buttons: {
                    "Scan": function() {
                      $( this ).dialog( "close" );
                    },
                    Cancel: function() {
                      $( this ).dialog( "close" );
                    }
                  }
                });

             scanDialog.load(url).dialog('open');

Это не работает и просто загружает пустое диалоговое окно. Как правильно загрузить страницу в диалоговое окно?

HTML-страница, которую я пытаюсь загрузить, находится на 2 уровня выше в структуре каталогов. Правильный ли способ получить URL-адрес: «../page.html»?


html dialog jquery jquery-ui jquery-ui-dialog
person user2387503    schedule 15.05.2013    source источник
comment
Пожалуйста, опубликуйте свой html-код тоже   -  person Dirty-flow    schedule 16.05.2013
comment
То, что у вас есть, должно работать, подтвердите, что ../page.html - это правильный путь.   -  person Kevin B    schedule 16.05.2013
comment
попробуйте использовать firebug и проверьте, выдает ли вызов ошибку 200 ok или 404   -  person user1    schedule 16.05.2013
comment
Вы когда-нибудь получали решение этой проблемы   -  person Orville Patterson    schedule 11.12.2013

Ответы (1)


arrow_upward
0
arrow_downward

вам просто нужно создать элемент html с id=dialog

Например:

<div id="dialog">
//some other stuff here
</div>
person Dirty-flow    schedule 15.05.2013