html iFrame中的JQueryUI DatePicker不会扩展过去的框架

Question

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

我必须将日期字段更改为更加用户友好的东西，所以我想我会使用一些jQuery日期选择器。

我遇到的问题是，iframe的高度小于datepicker选择窗口的高度。日期选取器不会显示在其他帧的顶部，而是完全不显示（停在iframe的结尾处）。

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

有什么建议吗？我试图做甚至可能吗？

谢谢！

Answer 1

你试图实现的是不可能的。 iframe是一个独立的文档，就像不同浏览器窗口中的页面一样。只要您使用iframe，它们中的任何内容都将在iframe的边框处结束。

你还会发现，它的（也称为Internet Explorer）中的麻烦在不同的I帧的脚本相互沟通，尤其是在旧的浏览器和Intranet观众的负载。

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

Answer 2

我知道它的晚，但它可能会帮助别人：

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

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