个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试利用iFrame Resizer根据内容(可以更改)调整同一域上 iFrame 的大小。
实例:https://bronzecc.co.uk/sunday-2nd-xi/
我收到一个 Uncaught ReferenceError: iFrameResize is not Defined 错误，但我检查了 iFrame，它们都通过 CDN 加载了正确的 JS，我还在该页面本身加载了正确的 JS。
用于初始化我正在使用的缩放器
var iframes = iFrameResize({log: true}, 'iframe');
MCE:https://gist.github.com/shivampaw/7b1dba5326706673a782d115358eca2a
window.html
<html>
<head>
<meta charset="UTF-8">
<title>Window</title>
</head>
<body>
<iframe src="iframe.html" style="width: 100%;" frameborder="0"></iframe>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.contentWindow.min.js"></script>
<script>
iframes = iFrameResize({}, 'iframe');
</script>
</body>
</html>
iframe.html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<title>102166</title>
</head>
<body>
<div class="table-responsive">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th></th>
<th>Match Time</th>
<th>Match Type</th>
<th>Home Team</th>
<th>Away Team</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#details_3722786">
<td><i class="fa fa-plus" aria-hidden="true"></i></td>
<td>28/07/2019 14:00</td>
<td>League</td>
<td>Bronze CC</td>
<td>Wall CC</td>
</tr>
<tr class="collapse" id="details_3722786">
<td colspan="5" style="text-align: center;">
<p>
Ground: The Anson Ground B43 7BA<br />
Start Time: 14:00 </p>
</td>
</tr>
<tr data-toggle="collapse" data-target="#details_3722741">
<td><i class="fa fa-plus" aria-hidden="true"></i></td>
<td>04/08/2019 14:00</td>
<td>League</td>
<td>Burntwood St Matthew's CC</td>
<td>Bronze CC</td>
</tr>
<tr class="collapse" id="details_3722741">
<td colspan="5" style="text-align: center;">
<p>
Ground: The Riddings<br />
Start Time: 14:00 </p>
</td>
</tr>
<tr data-toggle="collapse" data-target="#details_3722745">
<td><i class="fa fa-plus" aria-hidden="true"></i></td>
<td>11/08/2019 14:00</td>
<td>League</td>
<td>Four Oaks Saints CC</td>
<td>Bronze CC</td>
</tr>
<tr class="collapse" id="details_3722745">
<td colspan="5" style="text-align: center;">
<p>
Ground: Coalville, Clarence Road, Four Oaks, Sutton Coldfield<br />
Start Time: 14:00 </p>
</td>
</tr>
<tr data-toggle="collapse" data-target="#details_3722710">
<td><i class="fa fa-plus" aria-hidden="true"></i></td>
<td>18/08/2019 14:00</td>
<td>League</td>
<td>Bronze CC</td>
<td>Wall CC</td>
</tr>
<tr class="collapse" id="details_3722710">
<td colspan="5" style="text-align: center;">
<p>
Ground: The Anson Ground B43 7BA<br />
Start Time: 14:00 </p>
</td>
</tr>
</tbody>
</table>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.min.js"></script>
</body>
</html>
无法弄清楚为什么它不起作用。
最佳答案
如果您查看第一个链接上提供的文档，它会显示 this section on usage :
看起来您已经切换了文件包含。包含 iFrame 的页面(即 window.html)应包含脚本 iframeResizer.min.js:
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.min.js"></script>
作为 iFrame 内容的另一个页面(即 iframe.html)应包含其他脚本:
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.1.1/iframeResizer.contentWindow.min.js"></script>
切换它们，看看是否有效。
关于javascript - iFrameResize 未定义 - 通过 CDN 加载并在 JS 文件中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57173292/
24
4
0
如何使用 CDN 将语义 UI 包含到 HTML 页面？ CDN链接为https://cdnjs.com/libraries/semantic-ui ，但是怎么使用呢？ 最佳答案 您只需复制要用于语义
我有一个我似乎无法解决的特定用例。 典型的 gcloud 设置: K8S集群 一个 gcloud 存储桶 gcloud 负载均衡器 我设法获得了我的域 https://cdn.foobar.com/u
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
我有 blob 存储和 CDN 端点，用于存储我的静态内容。 现在我想更新 app.js 文件，因为它被修改了，但是当我将此文件写入 blob 时，CDN 仍然给我旧的 app.js 文件。如何更新我
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
出于性能原因，我希望通过 Azure CDN 提供很少更改的内容。但是，当内容确实发生变化时，更新的数据立即可用很重要。理想情况下，我可以设置一个长 TTL，然后在我更新内容时主动告诉 CDN 使内容
以下main.js代码不遵守优先级顺序(有时underscore.js在backbone.js需要时不会加载它): require({ baseUrl:'/scripts', prio
为什么我不能重用以前删除的端点的名称？例如，如果我创建一个名为“acme-cdn1”的端点，将其删除，然后尝试创建一个具有相同名称的新端点，我会收到以下消息:“错误，该端点名称已经存在。”是否有必要删
我不确定我是否使用 CDN 还是本地。本地是否意味着jquery资源需要安装在智能手机上，以便离线应用程序成为可能？ 最佳答案 在这种情况下，本地意味着您自己托管文件(作为网站的一部分)，而不是依赖
一种不言自明的问题:为什么建议从 CDN 加载 jQuery 或任何其他库？ 最佳答案 CDN 将比您的服务器更快。 服务器具有最大连接数。浏览器将同时请求的数量限制在单个域中。将您的库卸载到 CDN
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
我知道 Google AMP 缓存会缓存网站的有效 AMP 页面和资源文件，并通过 .cdn.ampproject.org/提供它们。我做了一些测试，它对我的网站运行良好。 我在一家受欢迎的网站工
我有一个用静态 html/js/css 编写的 HTML5 应用程序(它实际上是用 Dart 编写的，但会编译成 javascript)。我通过 CDN 提供应用程序文件，REST api 托管在一个
我不太确定如何防止谷歌将我的 CDN 域与我的主域名混合编入索引。我想在直接访问 CDN 域时通过 .htaccess 重定向到主域。 事实: 两个域都指向文件系统中的同一个位置。 两者共享相同的 r
引自此处:https://www.ampproject.org/docs/get_started/about-amp.html AMP is a way to build web pages for
我刚刚尝试设置 Azure CDN 帐户，到目前为止(现在已经持续了四个小时)我还无法让它返回除 400 和 404 错误之外的任何内容。 如果这是一个真正的 CDN，我需要做的就是将 CDN 指向我
我们希望提供来自少数可用 AWS 区域的大量视频文件。目标受众来自全局多个地点。不保证连接速度。因此，绝对需要 CDN(最好是 CloudFront)。 视频需要受到保护，因此只有在用户经过身份验证和
有没有content delivery network (CDN)正在托管google-code-prettify ？ 我正在 TypePad 上建立一个博客如果可能的话，希望利用 CDN。 最佳答案
在我的应用程序中，使用 ember-cli 开发，我还需要一些外部资源，例如 bootstrap；现在我通过 Brocfile 导入它: app.import('bower_components/bo
我想知道是否有像 960GS 这样的 CSS 框架的 CDN。因为我认为很多人都在使用它。 最佳答案 我还没有尝试过 cachedcommons.org，但他们有一个 960 的链接，听起来像你所要求
我是一名优秀的程序员,十分优秀！