javascript - JQuery ダイアログ モーダル ボックス フレーム

Question

ページでダイアログ要素を使用しようとしていますが、いくつか問題があります。ボックス自体が表示されていないように見えます。ダイアログ内に適切に機能している iframe がありますが (いくつかのサイズの問題は別として)、ボックスのタイトル バーと (場合によっては) ボタンが表示されません。これの原因は通常、JQuery UI cssファイルが含まれていないことであるとオンラインで見ましたが、ダイアログボックスを作成している別のページからコピーされたリンクがあるため、ここでは問題ではないと思いますちゃんと。関連性があるかどうかは判断できませんが、私は SharePoint Designer でページを作成しており、2 つの異なる基準を使用してページを評価しています。<link>tag は、「XHTML 1.0 Strict では、タグに . を含めることはできません」というエラーです。ただし、タグの<div>周りには何もありません<link>。デザイナーは、名前<SharePoint:...>が付けられた SharePoint で作成されたタブの多くが、このバージョンの XHTML では許可されていないと述べています。ダイアログを作成するコードは、参照用に含まれています。

<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');
}

この問題の助けをいただければ幸いです。

編集:<link> iframe が適切な<div>s で表示され、モーダル ボックスで表示される必要があるので、CSS を含むものが単に読み込まれていないことは 確かです。ただし、CSS が読み込まれない理由はまだわかりません。