2

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

请参阅此处的示例： http ://www.ndnm.co.cc/test.php

它会在您第一次加载页面时工作，但如果您单击“测试链接”，则不会显示加载文本:(

注意：iframe 正在加载外部域

我该如何解决？

非常感谢

4

2 回答 2

5

您可以尝试在链接上放置一个点击事件，这样所有点击它的人都会显示“页面正在加载..”图像，并被已经存在的“hideProgress()”函数隐藏。

就像是：

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

像这样的东西：http: //jsfiddle.net/SFjS2/（请记住，第二页加载得非常快，所以“页面加载”图像不会很容易看到..尝试在那里放更多东西：P）

于 2012-10-14T10:28:12.633 回答
1

当您将其标记为此类时，我将为您提供一个 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 以获得一些更有趣的选项。

高温高压

于 2012-10-14T12:55:07.063 回答