代码之家 › 专栏 › 技术社区 › Siblja

iframe可见性上的模态框

colorbox modal-dialog iframe jquery javascript

Siblja · 技术社区 · 14 年前

我有一个html页面,其中包含来自另一个站点的iframe。在iframe的左边,我有一个链接,可以打开modal box和Vimeo.com上的视频。问题是当我点击并打开模态框时,模态窗口被iframe剪切。在一些浏览器中,只有模式窗口的边缘被剪切,在一些完整的嵌入式视频中。

我在用 http://colorpowered.com/colorbox/

2 回复 | 直到 12 年前

Neil 14 年前

不幸的是,jQuery的对话框是由页面本身绑定的。我不知道你的jQuery技巧有多高明,但一个可能的解决方案(尽管很老套)是提取用作该站点上的对话框的div并将其附加到使用iframe的页面主体。

$('body').prepend($('div').detach();

不确定那能不能解决问题,但你可以试试。如果什么都没有发生,您可能需要重新连接按钮以执行完全相同的javascript,除了在页面上而不是iframe中包含的javascript(直接从页面本身包含javascript,而不是从本地复制它)。如果一切顺利的话,你不用自己写那该死的东西就可以让对话开始工作。