jQuery对话框模态框框架

Question

我正在尝试在页面上使用一个对话框元素，但是出现了一些问题。 盒子本身似乎没有显示出来。 我的对话框中有一个iframe可以正常工作（除了一些尺寸问题），但是框的标题栏和（有时）按钮没有显示。 我在网上看到导致这种情况的原因通常是不包括JQuery UI css文件，但我认为这不是问题所在，因为我有链接，链接是从另一个正在创建对话框的页面复制的正确地。 我无法确定它是否相关，但是我正在SharePoint Designer中创建页面，并且它使用两种不同的标准来评估页面，其中一种（无效的）声称<link>标签是一个错误，说“在XHTML 1.0 Strict中，标签不能包含”。 但是， <link>标记周围没有<div> ，设计者还说，此版本的XHTML中不允许使用许多SharePoint创建的名为<SharePoint:...>选项卡。 包含用于创建对话框的代码，以供参考：

<div id='am_schedDetailModal' title='Details'>
  <div class='ui-widget'></div>
</div>

$(document).ready(function() {
    $("#am_schedDetailModal").dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            'Close': function() {
                $(this)
                    .html('')
                    .dialog('close');
            }
        }
    });
});


function onClick() {
    var width = window.innerWidth ||
         document.documentElement.clientWidth ||
         document.body.clientWidth;
    var height = window.innerHeight ||
         document.documentElement.clientHeight ||
         document.body.clientHeight;

    $('#am_schedDetailModal').dialog('option', 'width', Math.floor(width * .7));
    $('#am_schedDetailModal').dialog('option', 'height', Math.floor(height * .7));


    $('#am_schedDetailModal div').html("<iframe id='am_mdl_iframe' src='" + input + "' height='100%' width='100%'>");
    $('#am_schedDetailModal').dialog('open');
}

任何有关此问题的帮助将不胜感激。

编辑：我可以肯定地说，包含CSS的<link>根本不会被加载，因为iframe会以适当的<div>形式显示出来，并以模态框显示出来。 但是，我仍然不明白为什么CSS无法加载。

Answer 1

好吧，我不知道是什么原因，但是我找到了放置<link>标记的新地方，现在可以正确加载了。 如果其他任何人在SharePoint Web部件页面上都遇到此问题，请尝试将标签放在我可能会忽略的最明显的位置-包含<meta>标签的<asp:Content> <meta>标签。