页面未加载到模态对话框 div

Question

我对为什么我构建的模式对话框没有加载锚标记中的“href”属性指定的页面感到头疼。

Javascript：

// let's 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>

对话框加载正常，但加载时完全为空。

Answer 1

尝试改变：

open: function() {
            $( '.stuffHolder' ).load(url);
        },

进入：

open: function() {
            $docviewer.load(url);
        },

您还可以尝试在打开对话框之前将 $docviewer 附加到正文中。这可能会有所帮助。