1

我有一个页面，其中有一个链接可以打开带有 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>

这是一个 HTML 示例，它位于 iframe 内的 Cruise-compare.html 页面的 body 标记内：

<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 脚本中的宽度和高度参数，但我不知道如何让生成的 fancyBox 具有 Cruise-compare.html 页面内容的宽度和高度。

我看到了这个类似的问题（Fancybox 2 Dynamic Width Based on Content Size），但我不知道如何使它在我的情况下正常工作（他们做的事情与我有点不同）。

谁能告诉我该怎么做才能使这项工作以我试图使其工作的方式工作？

4

0 回答 0