在iframe加载时加载文本

我有一个脚本，它将在加载iframe的内容时显示加载文本。我第一次打开页面时，它会完美地工作。但这个页面我有一个将在iframe中启动链接，并加载文本上不显示这些链接:(在iframe加载时加载文本

这里见例如： http://www.ndnm.co.cc/test.php

它会工作的第一次加载页面，但如果你点击“测试环节”加载文本将不会显示:(

注：iframe中加载外部域

我怎样才能修复

？个

非常感谢

来源

2012-10-14 anarchOi

所以问题是，在点击链接后加载iframe中的页面时，“加载消息”不显示？ – ted

你可以尝试把一间点击链接事件，所以一切有人点击它，像“页面加载...”将被显示，并已在墙根 - 有“hideProgress（）”函数。

喜欢的东西：

<a href="http://www.perdu.com" target="iframe" onClick="document.getElementById('loader').style.display = 'block';">TEST LINK</a><br>

事情是这样的：http://jsfiddle.net/SFjS2/（记住，第二个页面加载速度非常快，所以“页面加载”的形象不会被看到easily..try把一些更多的东西有：P）

来源

2012-10-14 10:28:12

太棒了！它工作完美！非常感谢 – anarchOi

我打算给你一个jquery解决方案，就像你这样标记它。

解决方案代码位于http://jsfiddle.net/nPWAp/1/然而HTML是

<body> 
<div> 
    <a href="#" id="testlink">TEST LINK</a> 
</div> 
<iframe id="frame"></iframe> 
<div id="statement"></div> 
</body>

和jQuery是

$(document).ready(function() { 
    $("#testlink").click(function() { 
     // --- set statement -- 
     $("#statement").show(); // show the div in case it was hidden.  
     $("#statement").text("Loading content..."); // replace the text 
     $("#statement").hide(5000); // hide after 5 seconds 

     // --- Scrape content --- //   
     $("#frame").attr('src', "http://www.test.com"); 
    }); 
});

添加CSS

#frame{ 
wdith: 100% 
height: 50em; 
border: 1px solid #ccc; 
}

的破折号，它都应该发出咕噜声。显然，你会想看看jQuery的一些更好玩的选项。

HTH

来源

2012-10-14 12:55:07 Ewen

在iframe加载时加载文本

回答

相关问题