Javascript 从iframe中的链接调整fancybox的大小

Javascript 从iframe中的链接调整fancybox的大小,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,我有一个带有iframe内容的指定大小的fancybox。我希望能够从iframe中的链接更改内容,并将fancybox调整为新的指定大小以适应新内容。关于这一点,似乎有一些类似的线索,但我没有任何运气尝试这些建议,我想,因为我使用的是fancyapps,所以代码略有不同 以下是我所拥有的: JS: 启动FANCYBOX页面中的链接: <a class="fancybox fancybox.iframe" data-color="#F9F9F9" data-width="225" data

我有一个带有iframe内容的指定大小的fancybox。我希望能够从iframe中的链接更改内容,并将fancybox调整为新的指定大小以适应新内容。关于这一点,似乎有一些类似的线索,但我没有任何运气尝试这些建议,我想,因为我使用的是fancyapps,所以代码略有不同

以下是我所拥有的:

JS:

启动FANCYBOX页面中的链接:

<a class="fancybox fancybox.iframe" data-color="#F9F9F9" data-width="225" data-height="404" href="iframe1.html" data-fancybox-group="gallery-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已加载并且大小正确,但“更改内容”链接不起作用


任何人能提供的任何帮助或提示都是非常好的。提前感谢。

我注意到您传递的参数像
数据宽度:“600”
但它们应该是
宽度:“600”

<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>