- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是一个非常具体的问题。有一个网站(我无法访问该网站),其中有一些 iframe,其中一个 iframe 链接到我有权访问的网站。
我的 iframe 应该包含指向另一个 iframe 的链接,并在单击该链接时将其作为弹出窗口打开。这已经在起作用了。我用featherlight.js为了这。
现在的问题是,当我点击我无法访问的网站上的链接时,弹出窗口大小仅限于 iframe 的大小。 p><小时/>
说明示例
我网站上的代码,我们称之为example.com
<a id="popup" href="anotherlink" data-featherlight="iframe">Open popup</a>
<script>
$("#popup").featherlight();
</script>
我无法访问的网站上的代码如下所示:
<iframe src="example.com"></iframe>
最佳答案
快速阅读后即可确定:这是不可能的,因为 iframe 的内容并不总是受信任,这意味着 iframe 的内容可以在合法的登录框上放置一个相同的登录框并窃取所有用户的信息。
如果您确实需要在您的网站上弹出该弹出窗口,我认为实现它的唯一方法是通过 ajax 加载内容并将其注入(inject)您网站中的特定 div
中。
关于javascript - iframe 中的全屏弹出窗口(featherlight),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47595378/
我的表单( look at the demo fiddle here ,我还在下面粘贴了一些代码)似乎不支持 Featherlight 模式中的 tabindex 。 我想是因为this part o
我正在像这样打开一个新的 featherlight iframe: $.featherlight({ iframe:href, iframeWidth:$(window).width(
我有这个代码: jQuery(document).ready(function() { jQuery('a.apt-gallery-d').feat
Sophia de Boer
我有一个 demo-employee.php 页面,它检索系统的所有用户以及可以执行的特定操作: "> " data-featherlight>** " oncl
我正在使用 1.3.3 版的 featherlight.js,我仍然在大图像上进行垂直滚动。无论出于何种原因,事情的大小都没有完全正确地调整。 要复制,只需在其中放置一个指向一个非常大的图像的链接并运
我正在尝试创建一个包含提交数据的预览屏幕,并将其显示在 Featherlight Lightbox 中。 我有以下示例代码。 jQuery(document).ready(function() { /
这是一个非常具体的问题。有一个网站(我无法访问该网站),其中有一些 iframe,其中一个 iframe 链接到我有权访问的网站。 我的 iframe 应该包含指向另一个 iframe 的链接,并在单
所以,这是jsfiddle : 这是插件的链接 ( featherlight lightbox ) 问题是,使用默认的 targetAttr(data-featherlight),只需单击一下即可工作
如何通过在 featherlight 请求中发送 POST 数据而不是 GET 来加载带有 ajax 内容的 Featherlight 模态? $.featherlight({ ajax: '
我想在 featherlight gallery 中显示 1 个或多个内容详细信息,以便用户可以在页面之间滑动或单击,然后关闭以返回到他们之前的任务。内容可能看起来像这样: Title 1
我在页面加载时注册多个 featherlight 实例 jQuery('.feedback').featherlight(jQuery( "#feedback-box" ), { closeIcon:
简单来说featherlight图库,如何获取当前幻灯片和总幻灯片? 演示: http://noelboss.github.io/featherlight/gallery.html 我正在使用 $.f
在 featherlight plugin 中使用二进制图像数据使用 data-featherlight="image" 参数效果很好。在 featherlight gallery 中使用二进制图像数
如何配置 featherlight,使其在用户单击较小版本时不调整图像大小?如果窗口太大,我想要滚动条。这是我正在使用的 HTML: 目前,当我点击大图片时,它会显示在灯箱中,但它太小了,我无法
我有一些照片缩略图和元数据,我正在使用 Featherlight Lightbox 在单击缩略图时显示更大的预览。 我更喜欢 Featherlight 重用缩略图的 HTML 进行预览,这样我就不必渲
我一直在尝试将featherlight纳入我的项目中,到目前为止发现它非常容易使用。我有一个要求,要在羽毛灯内加载图片库/ slider 。也就是说,当用户单击链接时,它会以 iFrame 的形式打开
我有几个 featherlight.js 灯箱 ( https://github.com/noelboss/featherlight ) 同时打开的情况。我希望当一个关闭时,其余的也都关闭。我在父页面
打开 featherlight 灯箱时,有没有办法运行代码?什么时候关闭?是否有 Hook 或其他东西,以便我可以在打开灯箱后运行代码?我在 github 页面上找不到示例 ( https://git
我想使用一个简单的 js 来停用和激活 html “body” 的溢出,如下所示: $('.my_link').click(function(){ $('body').css('overflo
我是一名优秀的程序员,十分优秀!