ブラウザにアドレスを入力すると、このページhttp://pagelinks.mxhoste.com/readings_page.phpがスタンドアロンで読み込まれます。しかし、.load()
別のページの下にiframeとしてロードするとハングします。
これがhttp://pagelinks.mxhoste.com/readings.phpで、ページを読み込むためのiframeがあります。
<iframe src="readings_page.php" scrolling="no" style="position: relative; top:-25px; width:97.5%; height:95.2%; border:10px solid #404040; overflow:hidden;"></iframe>
<script>
document.title = "PageLinks | Daily Readings";
$("#menu ul li").removeClass("active");
$("#menu ul li:eq(1)").addClass("active");
show_alerts();
</script>
そのコード自体もブラウザに読み込まれます。ボタンをクリックして別のページ要素にファイルをロードしたときにのみハングします。
$(#page).load('readings.php');
その要素のhtmlは次のとおりです。
<div id="page">
</div>
<style>
#page {
font-family:"Arial", Helvetica, sans-serif;
font-size:0.8em;
width: 778px;
height: 435px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background-color: #404040;
margin: 0 auto;
position: relative;
top: 30px;
}
</style>
この問題を回避するためにreadings.phpをロードする別の方法はありますか?言い換えれば、readings_page.phpページをメインページのdivにロードするための最良の方法は何ですか。私がiframeで持っている方法はハングします。