jquery - 重复的 Fancybox 覆盖 div - 为什么？

Question

我正在使用 Fancybox 来显示 fancybox 中链接的目标。这是我注册盒子的代码：

jQuery(".popup").fancybox({
    'width'         : 900,
    'height'        : '95%',
    'autoScale'         : false,
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    'type'          : 'iframe'
});

现在与弹出类的链接：

<a href="link to the site that should be shown" class="popup">link text</a>

单击此链接会将链接的内容复制到fancybox div，如下所示：

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display: block;">content goes here</div>

现在，我的问题是，我有 2 个这样的 div，一个有内容，一个是空的。这打破了布局。任何想法，如何解决？

谢谢！

Answer 1

刚遇到这个问题。找出为什么 div 重复发生在我身上的原因。在fancybox 中为我加载的内容正在加载一个带有fancybox 资产的布局（在rails 中），所以它把所有东西都打乱了。

在我想渲染写作的动作中：

render layout: false

成功了。

这是一个老问题，但也许对某人有用。