来自iframe的jquery-ui-dialog超过父文档

时间:2011-01-20 08:20:13

标签: jquery jquery-ui jquery-ui-dialog

我之前构建的页面很少使用jquery-ui-dialog并且工作正常。 现在我的要求是制作一个带有iframe的页面。 并且此iframe用于显示先前创建的页面。 在这种情况下,iframe中的对话框会显示在iframe中 不在父文件上。如何让对话框显示出来 包含iframe且具有最小更改的父文档?

提前感谢。

2 个答案:

答案 0 :(得分:1)

如果您的网页位于同一个网域,您可以从iframe调用父文档中的某个功能来显示该对话框。

例如......

parent.ShowDialog("Hello World");

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

答案 1 :(得分:1)

呃,iframe似乎总是会引起问题......最好完全避免它们(我明白这可能不是你的选择)。

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

<html>
<div id="callme" style="display:none;">
...
your dialogstuff here
...
</div>

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

我猜是值得一试。