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>標簽。