Я почесываю голову, почему модальный диалог, который я создал, не загружает страницу, указанную атрибутом "href" в теге привязки.
Javascript:
// let build an info dialog!
$( '.infolink' ).each(function() {
var $page = $(this);
var url = $page.attr('href');
var $docviewer = $('<div class="stuffHolder"></div>')
.dialog({
open: function() {
$( '.stuffHolder' ).load(url);
},
title: "Additional Information",
position: { my: "center top", at: "center top", of: "#trbl" },
show: true, //animates a fade in for the window
autoOpen: false, //dialogs do not open by default
width: 600, //sets dialog width
height: 600, //sets dialog height
modal: true, //disables everything below the dialog until dialog is closed
buttons: {
"Close Document": function() {
$(this).dialog("close");
}
}
});
$page.click(function() {
$docviewer.dialog('open');
return false;
});
}); // end info dialog
HTML:
<a href="test.html" class="infolink">Load test page into modal dialog</a>
Диалог загружается просто отлично, но он полностью пуст при загрузке.
Попробуйте изменить:
open: function() {
$( '.stuffHolder' ).load(url);
},
в:
open: function() {
$docviewer.load(url);
},
Вы также можете попробовать добавить $ docviewer в тело, прежде чем открывать диалог. Это может помочь.
$docviewer.load(url);
вместо $( '.stuffHolder' ).load(url);
Похоже, ничего не изменилось.