我有一个iframe内容的指定大小的fancybox。我希望能够从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更改内容并调整FANCYBOX:
<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加载并且大小正确,但更改内容链接不起作用。
任何人都能提供的任何帮助或提示都会很棒。提前谢谢。
答案 0 :(得分:0)
我注意到您传递了data-width : '600'
之类的参数,但它们应该是width : '600'