html iFrame中的JQueryUI DatePicker不会扩展超出框架答案

【问题标题】：JQueryUI DatePicker inside html iFrame doesn't expand past the framehtml iFrame中的JQueryUI DatePicker不会扩展超出框架
【发布时间】：2012-03-26 17:15:09
【问题描述】：

我有一个由 3 个 iframe 组成的 ASP.net aspx 页面。一个用于标题，一个用于侧边菜单，一个用于主要内容区域。标题帧有 2 个日期字段，它们将对主要区域中的数据应用某种过滤器。

我必须将日期字段更改为对用户更友好的内容，所以我想我会使用一些 jquery 日期选择器。

我遇到的问题是 iframe 的高度小于 datepicker 选择窗口的高度。日期选择器没有完全显示在其他框架之上，而不是出现在其他框架之上（停在 iframe 的末尾）。

我尝试了很多 z-index 摆弄，但在我看来，这一切只适用于 iframe 内的页面，并不影响它在主页上的显示方式。

有什么建议吗？我正在尝试做的事情是否可能？

谢谢！

【问题讨论】：

标签： c# jquery asp.net html jquery-ui

【解决方案1】：

你想要达到的目标是不可能的。 iframe 是一个独立的文档，就像不同浏览器窗口中的页面一样。只要您使用 iframe，其中的任何内容都将在 iframe 的边框处结束。

您还会发现，让不同 iframe 中的脚本相互通信非常麻烦，尤其是在较旧的浏览器和 Intranet 查看器（也称为 Internet Explorer）中。

简而言之：如果没有理由使用 iframe，请不要使用 iframe。将其中三个放在一个页面上就像在浏览器中同时打开四个网页一样，通常是一种资源浪费。当您需要加载内容时，使用 iframe 是有意义的，例如。来自不同的域，并且您希望它与您页面上的内容隔离。

【讨论】：

好吧，我就是这么想的。这个网站是很久以前由其他开发人员设计的，我是应该解决这个烂摊子的人。我想我必须找到一种方法将这 3 个框架放在同一页面中。感谢您的回答。

【解决方案2】：

我知道它已经晚了，但它可能会帮助某人：

您可以动态增加和减少框架集的行数：

$("#fromdate, #todate").click(function () {
        $('frameset', top.document).eq(2).attr('rows', '300,*');
    });

【讨论】：