无法为iframe内容调整fancybox的大小_Iframe_Fancybox

无法为iframe内容调整fancybox的大小

iframe

无法为iframe内容调整fancybox的大小,iframe,fancybox,Iframe,Fancybox,我想对多个fancybox iFrame重用相同的选择器类。我在这里看过不同的帖子，关于将iframe内容调整到fancybox中。虽然我看到的所有这些看起来都能工作（我目前正在使用），但我无法让它或其他一些在我的页面上工作。我在firebug中查找了“fancybox iframe”类，它的内容是“fancybox类型iframe”类。有人可以让我知道我下面使用的代码有什么问题，为什么它是错误的，以及如何修复它。链接答案、jsfiddle等也可以。内联用于包含少量内容的FancyBox，但我希

我想对多个fancybox iFrame重用相同的选择器类。我在这里看过不同的帖子，关于将iframe内容调整到fancybox中。虽然我看到的所有这些看起来都能工作（我目前正在使用），但我无法让它或其他一些在我的页面上工作。我在firebug中查找了“fancybox iframe”类，它的内容是“fancybox类型iframe”类。有人可以让我知道我下面使用的代码有什么问题，为什么它是错误的，以及如何修复它。链接答案、jsfiddle等也可以。内联用于包含少量内容的FancyBox，但我希望使用iframe用于页面。谢谢

这是完整的代码

打开fancybox的链接位于域中的不同页面上

 <a href="thm12.html" class="openfb"></a>

Chrome警报结果

Firefox警报结果

IE 9警报结果：

可能是页面中的一个打字错误，显示在fancybox中。。。这一行：

<html style="width:550px;height:350px; >

谢谢你，肯尼迪。我已经修改了代码（添加了结束语），但这不是问题所在，因为我的html中有结束语。我尝试使用警报对div的值进行调试。我已经发布了返回的警报的图像。我错过了什么？谢谢。@Chris22:代码是有效的，但你的代码似乎是一个特殊的例子。你能分享一个链接吗？否则我们可以猜一个月。顺便说一句，hideOnContentClick不是v2.x的有效选项，请检查此选项以获得正确的选项，谢谢JFK。我目前没有一个公共URL。我很难理解为什么只有Firefox才正确，而Chrome似乎不正确。IE返回带有内容的fancybox，只是大小不正确。我可以发布更多的截图，但我想这无助于再现我所看到的东西——尽管警报证实了这一点。再次感谢您抽出时间。
$(".openfb").fancybox({
    hideOnContentClick: false,
    type:'iframe',
    scrolling: 'no', 
    beforeShow: function(){
        this.width = ($('.fancybox-iframe').contents().find('html').width());
             alert("the width of this div is " + this.width);
        this.height = ($('.fancybox-iframe').contents().find('html').height());
    }
});

<html style="width:550px;height:350px; >