從iframe中的鏈接調整fancybox的大小

Question

我有一個帶有iframe內容的指定大小的花式盒子。 我希望能夠從iframe的鏈接中更改內容，並將fancybox的大小調整為新的指定大小，以容納新內容。 似乎有一些類似的話題，但我沒有運氣嘗試這些建議，因為我使用的是fancyapps，因此代碼略有不同。

這是我所擁有的：

JS：

$("a.fancybox").fancybox({
fitToView: false,

beforeShow: function() {
this.skin.css("background", $(this.element).data('color') || 'F9F9F9');
},

afterLoad: function(){
this.width = $(this.element).data("width");
this.height = $(this.element).data("height");
}
});

鏈接到頁面啟動FANCYBOX：

<a class="fancybox fancybox.iframe" data-color="#F9F9F9" data-width="225" data-height="404" href="iframe1.html" data-fancybox-group="gallery-1"> 

鏈接到IFRAME 1中以更改內容並調整尺寸顯示框：

<a href="javascript:parent.jQuery.fancybox.open({href : 'iframe2.html', data-width : '600', data-height : '400', data-fancybox-group : 'gallery-1', data-color : '#F9F9F9'});">Change content</a>

目前，第一個iframe已加載且大小正確，但更改內容鏈接不起作用。

任何人都可以提供的任何幫助或技巧都將非常有用。 提前致謝。

Answer 1

我注意到您傳遞了諸如data-width : '600'但它們應為width : '600'