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,*'); 
    });