0

如果您在浏览器中键入地址，此页面http://pagelinks.mxhoste.com/readings_page.php会独立加载。但是当我将它作为 iframe 加载到.load()另一个页面下时它会挂起：

这是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 的方法挂起。

4

2 回答 2

0

当 DOM 准备好时，将您的 readings_page.php 加载到您的 readings.php 中：

$(document).ready(function(){
  // DOM is ready now
  $(#page).load('readings.php');
});
于 2012-05-24T18:57:33.667 回答
0

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

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

于 2012-05-24T19:00:32.510 回答