以 1 x 1 加载 iframe

Posted

技术标签:

【中文标题】以 1 x 1 加载 iframe【英文标题】:Load iframes 1 by 1 【发布时间】:2021-06-18 18:11:12 【问题描述】:

我在之前的帖子中发现了这个脚本。我试图让它工作,但我不确定它为什么不工作。

$(function() 
  var iframes = $('iframe');
  var i = 0;
  (function next() 
      var iframe = iframes.eq(i++);
      if (iframe.length) 
          iframe.attr('src', iframe.data('src')).load(next);
      
  )();
);

我得到错误:

jQuery.Deferred exception: url.indexOf is not a function", "TypeError: url.indexOf is not a function
    at jQuery.fn.init.jQuery.fn.load (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js:10091:13)
    at next (https://fiddle.jshell.net/_display/?editor_console=true:119:54)
    at htmlDocument.<anonymous> (https://fiddle.jshell.net/_display/?editor_console=true:121:9)
    at mightThrow (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js:3557:29)
    at process (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js:3625:12)", undefined

这是原始的post 和我想要实现的想法。任何帮助,将不胜感激。我是 jquery 新手,无法破译真正的问题是什么。

https://jsfiddle.net/1jo83tav/

【问题讨论】:

"is not working" 是一个几乎毫无意义的问题陈述,没有提供任何上下文和调试细节 【参考方案1】:

我猜是$是一个JQuery变量的问题,在你的html中添加一个CDN之类的。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

【讨论】:

以上是关于以 1 x 1 加载 iframe的主要内容,如果未能解决你的问题,请参考以下文章

如何将 iframe 加载与父页面加载同步

动态设置 iframe 的 src 以延迟加载

Dundas DB IFrame 不会加载

不会加载以子域为目标的iframe。

以模态加载 iframe,替换 .modal-content

从单独的 iframe 重新加载 iframe