我有一个页面,其中有一个链接打开带有fancyBox的iFrame(我正在使用fancyBox 2)。 iFrame中包含的内容在宽度和高度上会有所不同,因此我需要iFrame的宽度和高度是动态的。我不希望出现滚动条。我希望生成fancyBox,其中包含链接引用的内容的精确宽度和高度(在本例中为cruise-compare.html页面)。
以下是我正在谈论的与此问题相关的页面中的HTML:
<div id="compareShipSubmit">
<a id="cruiseCompareSubmit" class="fancybox.iframe" href="../cruise/cruise-compare.html">Compare</a>
</div>
以下是在iframe内部的cruise-compare.html页面的body标记内的HTML示例:
<div id="cruiseCompareSurround">
Content would go here, and would vary in width and size
</div>
这是我的fancyBox javascript现在的样子(该脚本由原始页面引用):
$("#cruiseCompareSubmit").fancybox({
width : 935,
height : 485,
fitToView : false,
autoSize : false,
closeClick : false,
openEffect : 'elastic',
closeEffect : 'elastic'
});
我知道我需要删除上面提供的fancyBox脚本中的width和height参数,但我无法弄清楚如何将生成的fancyBox设置为具有cruise-compare.html的宽度和高度页面的内容。
我看到了类似的问题(Fancybox 2 Dynamic Width Based on Content Size),但我无法弄清楚如何在我的情况下使其正常运行(他们做的事情与我有点不同)。
任何人都可以告诉我该怎么做才能使这项工作成为我努力工作的方式吗?