如何在Fancybox 2中動態調整iframe的大小？

Question

我正在使用Fancybox 2.0。我在iframe中打開內容。當iframe中的內容發生更改時，如何動態調整彈出窗口的大小 ？

我谷歌了幾個小時，但所有的鏈接是舊版本（1.3）或死衚衕。

感謝您的所有意見！

Answer 1

這應該這樣做。從孩子

beforeShow: function(){ 
    this.width = $('.fancybox-iframe').contents().find('html').width(); 
    this.height = $('.fancybox-iframe').contents().find('html').height(); 
} 

爲了得到這個從框架中運行，你需要火父$ fancybox.update（）：

$.fancybox({ 
    width:600, 
    height:300, 
    autoResize:false 
}); 

Answer 2

我用前戲選項來調整它的大小。頁面，它應該調整它的大小。

Answer 3

您可以根據內容寬度和高度來調整iframe的寬度和高度，通過使用此選項autoSize爲true。 如果autoSize爲true，則將autoHeight和autoWidth都設置爲true。這意味着對於'內聯'，'ajax'和'html'類型的內容寬度和高度是自動確定的。

$.fancybox.open({ 
padding : 0, 
href:'http://www.gamespot.com', 
type: 'iframe', 
autoSize: true 
});