2012-02-10 77 views
0

我想調用瀏覽器窗口調整大小的方法在iframe中使用jQuery與。來自IFrame的調用瀏覽器窗口調整大小的方法

我用下面的腳本被稱爲在窗口調整大小,但如果頁面包含在iframe中它不工作,和父窗口瀏覽器中得到調整

頁名稱:Test.aspx的

<script type="text/javascript"> 
     $(window).resize(function() { 
      alert("hi resize called"); 
     }); 
    </script> 
some HTML code here..... 

頁名稱:iframeTest.aspx

<iframe style="width:300px;height:300px" src="test.aspx" ></iframe> 

現在,當我在瀏覽器中運行"iframe.aspx",然後瀏覽器中得到調整,那麼,我想打電話給水庫ize方法"test.aspx"

任何人都可以有這個想法嗎?

感謝

回答

1

在你Test.aspx文件,你可以處理父窗口調整大小事件是這樣的:

parent.window.onresize = function(event) { 
    ... 
} 

這應該解僱當父窗口調整大小時。

+0

如果原始文檔被卸載(通過單擊新鏈接)會發生什麼情況 - 不應該出現取消訂閱操作以避免任何泄漏? – 2012-05-08 08:30:29

1

加入這個jstest.aspx頁:

$(document).ready(function(){ 
    parent.window.addEventListener('resize', function(){ 
     //do something 
    }); 
}); 
相關問題