2012-05-24 40 views
0

如果您在浏览器中键入地址,则此页面http://pagelinks.mxhoste.com/readings_page.php加载独立。但它挂起时,我加载它作为iframe与​​在另一页下:页面加载独立但挂在其他页面下的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挂起的方法。

+0

通过挂你的意思是你可以告诉页面仍在加载?或者它没有显示出来?另外,它是否发生在其他浏览器?我在IE浏览器中通过jquery加载另一个页面时遇到了问题,这是因为我试图加载页面中的一些无效html。 – someoneinomaha

+0

您是否尝试使用.load()跨域? – srquinn

+0

错误是IE和Safari上的“长时间运行”脚本错误。所有文件都在同一个域中。 – user823527

回答

0

装入readings_page.php您readings.php内部时,DOM已经准备好了:

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

页面加载完成后,我加载readings.php onclick。必须有一个不同的问题。 – user823527

0

如果用户执行一个动作后的帧仅需要显示,建议加载内容时,页面加载(和隐藏页面加载时框架或包含框架的div)。

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

相关问题