Question

如果您在浏览器中输入地址，则此页面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的方法会挂起。

Answer 1

当DOM准备就绪时，将readings_page.php加载到readings.php中：

$(document).ready(function(){
  // DOM is ready now
  $(#page).load('readings.php');
});

Answer 2

如果框架只需在用户执行操作后显示，请考虑在页面加载时加载内容（并在页面加载时隐藏框架或包含框架的div）。

如果您在页面加载时需要它可见，那么我建议您在发送之前尝试在服务器端组合两个页面的源，而不是让用户的浏览器发出单独的HTTP请求。

页面加载是独立的，但在其他页面下的iframe中挂起

2 个答案: