Javascript 在子Iframe中使用父jquery库
我的HTML页面中有两个Iframe。我想使用一个加载在父页面上的jquery文件。下面给出的代码在每个浏览器中都可以正常工作,但在使用ctrl+f5键的chrome上有一个问题。当页面第一次加载时,当我们按下ctrl+f5时,它在chrome中给出错误,否则它工作正常。这里是一些快照。父页面和iframe位于同一个域中Javascript 在子Iframe中使用父jquery库,javascript,jquery,iframe,Javascript,Jquery,Iframe,我的HTML页面中有两个Iframe。我想使用一个加载在父页面上的jquery文件。下面给出的代码在每个浏览器中都可以正常工作,但在使用ctrl+f5键的chrome上有一个问题。当页面第一次加载时,当我们按下ctrl+f5时,它在chrome中给出错误,否则它工作正常。这里是一些快照。父页面和iframe位于同一个域中 if (typeof(jQuery) == "undefined") { var iframeBody = document.getElementsByTagName(
if (typeof(jQuery) == "undefined") {
var iframeBody = document.getElementsByTagName("body")[0];
var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); };
var $ = jQuery;
}
在两个页面中添加jQuery脚本,以避免竞争条件。加载一个时,将从浏览器缓存中检索另一个。这看起来像是竞争条件问题。iframe中的脚本是在jQuery库加载到父窗口之前执行的。我观察到了这一点,并且在I帧之前的头中包含了jQuery库,尽管它为所有问题提供了error.setTimeout全局解决方案。我已经使用了setTimeout,它解决了这个问题,但是我不能满足我自己。这不是答案。如果我想这样做,我不会在这里发布我的问题