首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery-ui-来自iframe的对话框位于父文档之上

jquery-ui-来自iframe的对话框位于父文档之上
EN

Stack Overflow用户
提问于 2011-01-20 16:20:13
回答 2查看 3.6K关注 0票数 1

我以前使用jquery-ui-dialog构建的页面很少,而且运行得很好。现在我的要求是制作一个包含iframe的页面。此iframe用于显示那些先前创建的页面。在这种情况下,来自iframe的对话框出现在iframe内部,而不是父文档之上。如何以最小的更改使对话框显示在包含iframe的父文档上?

提前谢谢。

EN

回答 2

Stack Overflow用户

发布于 2011-01-20 16:35:05

如果您的页面在同一个域中,您可以从iframe中调用父文档中的函数来显示对话框。

例如..。

代码语言:javascript
复制
parent.ShowDialog("Hello World");

在父级中使用一个函数,该函数使用提供的文本打开UI对话框。

票数 1
EN

Stack Overflow用户

发布于 2011-01-20 16:41:25

呃iframe似乎总是会带来问题..。最好完全避免它们(如果这可能不是你的选择,我可以理解)。

问题是浏览器将i-frame解释为单独的网页。不确定,但您可以尝试在i-frame外部定义对话框元素( HTML标记),并尝试从内部调用事件。类似于:

代码语言:javascript
复制
<html>
<div id="callme" style="display:none;">
...
your dialogstuff here
...
</div>

<iframe>
<!-- function that calls the dialog event here -->
</iframe>
</html>

我想,这值得一试。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4744824

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档