从 iframe 打开模式窗口到父级

2023-11-20

我有一个带有 iframe 的页面,该 iframe 内有一些链接,这些链接应在父窗口中打开模式窗口。问题是我无权将代码放入父窗口中。我只能访问这个 iframe。有没有办法用 jquery 来完成这样的限制?

谢谢你!


您可以使用 JQuery 插件简单模态

有一个名为“appendTo”的选项,您可以在其中知道将 Modal 放在哪里。这种方法的唯一问题是模态框的覆盖层以 iframe 的大小显示,因此您在打开它后必须为其提供所需的宽度和高度。

$('#div-modal').modal({
    appendTo: $(window.parent.document).find('body'),
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style
    overlayClose:true, 
});
// Set overlay's width
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%');

如果您想要作为模式打开的 div 位于您的父窗口中,您可以替换$('#div-modal') with $(window.parent.document).find('#div-modal')

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从 iframe 打开模式窗口到父级 的相关文章

  • jQuery:离线后 POST 出错(iOS 和 Chrome)

    我构建了一个具有离线功能的 HTML5 Web 应用程序 使用 AppCache 程序流程为 Online 在网络上时 应用程序预加载一些基本信息 工作 Offline 用户拿着装有应用程序的平板电脑offline 然后在应用程序上执行他们
  • 来自 HTML5 的 Phonegap Bonjour/Zeroconf 或 Websocket IP 发现

    我正在尝试实现一个 Phonegap HTML5 应用程序 该应用程序连接到 Websocket 服务器 在嵌入式设备中运行 也有 Bonjour 服务 以在家庭网络内交换数据 我想知道使用 Phonegap 检测服务器 IP 的最佳方法
  • JQuery - 通过 $.each 循环查找表中的文本框值

    我有一个 HTML 表格 这个 HTML 表格的第一行是静态的 当他们单击一个 按钮时 意味着 行将动态添加 用户想要删除一行意味着 他单击一个 按钮意味着当前行被删除 每行有 4 个文本框 我的 Jquery 代码如下 var First
  • 如何在有序列表中组合数字和字母?

    如何在 CSS 中用数字和字母递增有序列表 ol nested margin bottom 0 counter reset item ol nested li display block position relative ol neste
  • 如何检查变量是 jQuery 对象还是普通 DOM 元素?

    如何检查变量是 jQuery 对象还是普通 DOM 元素 一个 jquery 对象有一个jquery财产 jquery 对象是一个instanceof jQuery instanceof on MDN https developer moz
  • 如何消除 HTML 内容周围的边距?

    以下 HTML 显示正常 div style width 100px height 100px background red div Hello div div
  • Masonry - imagesLoaded - 不是函数

    Masonry and imagesLoaded应加载并正常工作 已经制作了一个类似的网站 并且可以正常运行 我不知道我的问题出在哪里 所以我希望你能看到问题所在 应该是少了点什么 在 Chrome Inspect 中 我收到以下错误 Un
  • Django:按钮链接

    我是一名 Django 新手用户 尝试创建一个按钮 单击该按钮会链接到我网站中的另一个页面 我尝试了一些不同的例子 但似乎没有一个对我有用 举个例子 为什么这不起作用
  • 渲染货币和符号并与来自不同单元格的数据相结合

    我正在使用最新的 jQuery DataTables v1 10 7 我正在尝试将数字解析为以下格式 239 90 USD 我可以使用此命令使货币正常工作 columns data Price render fn dataTable ren
  • 如何在更大的 div 中垂直和水平居中一个 div?

    如何将一个 水平居中于另一个 中 我设法使用已接受答案中的样式水平居中 我怎样才能让它垂直居中 内部 div 的高度未知 https stackoverflow com questions 114543 how to center div
  • 谷歌地图初始化无法使用选项卡

    我正在尝试在选项卡单击事件上初始化 Google 地图 因为目前我得到的地图如下 My Code function render map This function will render a Google Map onto the sel
  • 如何格式化 Highcharts 的 (x,y) 对数据的日期时间

    我的序列化方法会产生如下所示的日期时间字符串 2014 07 09T12 30 41Z 为什么下面的代码不起作用 function container highcharts xAxis type datetime series data x
  • 如何在codeigniter中将上传图片比例限制为16:9?

    这是我用来上传图像的代码 this gt load gt library upload ext pathinfo file name PATHINFO EXTENSION img name now ext imgConfig upload
  • JQuery Mobile 与 MVC 的链接

    我正在使用 ASP NET MVC 3 和 Razor UI 设置 JQuery 移动网站 我正在生成我的链接 例如 a href See Group 2 a 假设我从 Home Index 访问它 我遇到的问题是 当我点击链接时 它会出现
  • jQuery:处理 getJSON() 中的错误?

    使用 jQuery 时如何处理 500 错误getJSON http api jquery com jQuery getJSON 有几个关于错误处理的问题getJSON and https stackoverflow com questio
  • 检查 jQuery 1.7 中是否存在基于文本的选择选项

    所以我有以下 HTML 片段
  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后
  • 不可勾选的单选按钮与专有的复选框

    从 UI 角度来看 是拥有一组具有取消选中功能的单选按钮更好 还是拥有一组独占的复选框 意味着一次只能选中一个 更好 Update 我没想到对此会有如此负面的反应 如果我给出一个更接近其使用方式的示例 也许会有所帮助 我有一个充满数据绑定内
  • 表格行未扩展到全宽

    我有一个表格 当我将表格的宽度设置为 100 并将表格行的宽度设置为 100 时 没有任何反应或宽度发生变化 Table Normal position relative display block margin 10px auto pad
  • 循环内的异步性

    我正在使用 jQuery getJSON 用于从一组实用程序的给定 URL 检索数据的 API 我真的很想找到一种为每个实用程序重用代码 完全相同 的方法 由于循环的执行与 ajax 调用无关 因此我无法找到保留循环值的方法 我知道这个描述

随机推荐

  • 在 __destruct() 上更新数据库?

    你认为这是个好主意吗 假设您有一个应用程序组件 其他组件使用该组件来检索 更新数据库中的数据 它基本上是一个具有 get set update 方法的类 对于该组件来说 仅在调用时更新 或设置 其属性中的数据 并在 destruct 上更新
  • Laravel Storage::get() 不返回图像的 exif 数据

    我正在尝试获取图像 exif 数据 以便我可以使用图像干预定位功能 唯一的问题是我无法使用 Storage get 读取 exif 数据 首先 我像这样存储上传的图像 filename uniqid file gt getClientOri
  • 本机调试 Android Studio

    当我通过Genymotion运行Native调试时出现这样的错误 Starting LLDB server run as org cocos2dx cpp empty test data data org cocos2dx cpp empt
  • n 维数组/张量的数据结构,例如 A[0, :, :] 和 A[1, :, :] 可以具有不同的形状

    使用 Python Numpy 我正在处理 n 维数据 最好是在ndarray 这样 1 参差不齐的阵列 例如A 0 A 49 形状可以是 100x100 并且A 50 形状可能为 10000x10000 我不想创建形状为 10000 10
  • Android WebView 带有乱码的 UTF-8 字符。

    我在 android 应用程序中使用一些 webview 但无法使它们以 utf 8 编码显示 如果使用这个 我将看不到我的斯堪的纳维亚角色 mWebView loadUrl file android asset om html 如果尝试这
  • Java - 从列表/数组中的每个对象获取单个属性的最简单方法?

    假设我有一个 person 对象 其属性如下name hair color and eye color 我有以下数组Person people包含 person 对象的实例 我知道我可以得到name一个人的财产Person对象与 creat
  • 如何在一行中将正则表达式匹配的结果分配给新变量?

    我想在一行中匹配并分配给一个变量 my abspath var ftp path to file txt abspath var ftp my relpath 1 我确信这一定很容易 my relpath abspath m var ftp
  • 使用 Bash 逐行读取并保留空格

    当我使用 cat test file 时 它会显示 1 2 3 4 当我使用 Bash 文件时 cat test file while read data do echo data done 它将显示 1 2 3 4 如何才能使结果与原始测
  • SYSTEM_UI_FLAG_LIGHT_STATUS_BAR 和 FLAG_TRANSLUCENT_STATUS 已弃用

    此代码在 API 30 中已弃用 知道如何更新它吗 private fun setSystemBarLight act Activity if Build VERSION SDK INT gt Build VERSION CODES M v
  • 基于自定义线性渐变的UILabel文本颜色

    所以我想根据 Photoshop 中制作的渐变设置 UILabel 的文本颜色 我有渐变的 rgb 值 211 119 95 和 199 86 56 这可能吗 我该怎么做 如果您想以 iOS 6 为目标 使用 UIColor 类别的另一种方
  • 使用 REST 发布项目列表

    当我有一个 长 项目列表想要发布到服务器时 我正在寻找如何序列化数据的约定 例如 如果我有一个资源 users我想向它发布一个新的字段 我会对新用户的字段进行 http 编码 并将其放入请求正文中 如下所示 name foo age 20
  • 有新的/更新的斜纹布吗?

    我一直在尝试学习 Python 上的 Twill 脚本 并且正在使用Python 3 4 和 Twill 1 8 0 在这里阅读了一些帖子 我发现学习很有趣 但是 我在安装 Twill 时遇到了问题 我才知道PRINT在Python中现在是
  • JavaScript/JQuery 与 SerialPort/COM1 通信

    是否有可能强制进行任何通信 例如Javascript JQuery 到任何串行端口 谷歌无法回答这个问题 但无论如何它应该是可能的 在我的情况下env是firefox 非常欢迎想法 知识 请用胶带 我觉得有可能 查看 jUART 用于通过
  • 如何抑制单个 SQL 语句的列标题输出?

    我正在批量执行一些 SQL 语句 使用mysql命令行二进制 我希望我的几个 SELECT 语句之一不打印列标题 而只打印所选记录 这可能吗 使用以下命令调用 mysql N 别名为 N is skip column names 选项 my
  • ARM 上的 gdb 只报告回溯中的问号

    我正在尝试使用 ARM 上的 gdbserver 调试软件以获取崩溃的回溯 不幸的是我只得到问号 我到处都读到这个问题只是与缺少符号有关 但符号并没有从我的库中删除 如果我尝试使用 file 命令在客户端中加载符号 我会得到 reading
  • 当作为参数传递时,属性引用 (::test) 是否相当于访问属性 ({ test }) 的函数,例如`() -> 字符串`?

    我开始想知道是否通过访问属性 test相当于调用 test 或者它是否是使用反射的间接调用 当我看到以下内容时 我想到了这个问题 如何将属性 getter 作为函数类型传递给另一个函数 虽然两者 test and test 工作时 IDE
  • 在 iPhone 模拟器上测试 CoreLocation

    UPDATE 从 iOS 5 和 Xcode 4 1 开始 现在可以在模拟器中测试位置 甚至定义路线 看http developer apple com更多细节 遗留问题 有没有办法在 iPhone 模拟器上测试 CoreLocation
  • 仅在我的机器上发生异常:找不到方法:WaitHandle.WaitOne(Int32)

    仅在我的计算机上引用的 dll 内发生异常 找不到方法 WaitHandle WaitOne Int32 这似乎是 NET 运行时版本问题 但我已经安装了 NET 3 5 并重新启动 但仍然遇到相同的问题 Gacutil 显示 mscorl
  • 当用户关闭浏览器时如何处理用户在线状态?

    我有一个表通过将 is online 字段设置为 1 来跟踪用户在线状态 现在用户登录该网站并在他 她登录时关闭他 她的系统或断电 在数据库中 is login 的值为 1 这意味着他仍在使用该网站 所以我必须做一些逻辑来将该值更改为 0
  • 从 iframe 打开模式窗口到父级

    我有一个带有 iframe 的页面 该 iframe 内有一些链接 这些链接应在父窗口中打开模式窗口 问题是我无权将代码放入父窗口中 我只能访问这个 iframe 有没有办法用 jquery 来完成这样的限制 谢谢你 您可以使用 JQuer