2

我正在寻找一种解决方案，以在 iframe 页面更改但在 iframe 完全加载之前显示进度指示器。

stackoverflow 上有 100 多个页面讨论了jquery ready()、javascript window.load、document.load、DOMContentReady、on('pageinit'...)之间的差异，并且在阅读了所有这些不同技术的差异之后，我现在有点卡在如何完成在 iframe 中捕获事件。

到目前为止，我只在构建 DOM 后 iframe 发生更改时成功捕获。我希望能够检测到页面何时即将加载，这样我就可以在我的标题中添加某种指示器/微调器。

这就是我到目前为止所拥有的（捕获 onload 上的 iframe 更改）：

.....
<iframe id="rssID" src="http://feeds.reuters.com/reuters/oddlyEnoughNews"
   onload="blerg()" style="width: 800px; height:600px"/>
......
$(document).on('pageinit','#index', function(){
      alert('pageinit');  //gets called on first load

});
$(document).on('pageinit','#rssID', function(){
      alert('pageinit rssFeed'); //nothing happens.
});
function blerg() {
    var myIframe = document.getElementById("rssID");
    myIframe.onload = func;
};

function func() {
   alert("changed");
}

看起来 pageinit 是正确的路径，但我不知道如何在 iframe 中捕获它。我宁愿不使用 jquery，但是如果没有大量代码，我不确定这是否可行。

最后一个：我是否需要使用die("pageinit");

太感谢了！

4

0 回答 0