Question

我正在寻找一个解决方案，以便在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");
}

http://jsfiddle.net/Gdxvs/

看来，pageinit是正确的路径，但我不知道如何在iframe中捕获它。我希望不使用jquery ，但我不确定没有大量代码就可以。

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

万分感谢！

DOM事件 - Iframe位置更改的进度指示器

0 个答案: