以下のhtmlコンテンツを持つhtmlページがあります
<div id="divBody">
<input type="text" id="txtUrl" value="http://www.google.com" />
<br />
<input type="button" id="btnShowPopup" value="Show Popup" onclick="Javascript:ShowPopup();" />
</div>
<div id="divPopup">
</div>
以下のような関数 ShowPopup があります。
function ShowPopup() {
var page = "http://www.google.com";
$('#divPopup').dialog({
modal: true,
open: function() {
$(this).load(page);
},
close: function(e) {
$(this).empty();
$(this).dialog('destroy');
},
height: 625,
width: 500,
title: "Test Page"
});
}
以下のように、すべての jquery スクリプトを含めました。
<script src="Scripts/JQuery.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.core.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.widget.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.position.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.resizable.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.button.js" type="text/javascript"></script>
<script src="Scripts/jquery.ui.dialog.js" type="text/javascript"></script>
タイトル「テスト ページ」と閉じるボタンが表示されます。Googleページが読み込まれないのはなぜですか、何かアイデアはありますか?