复制Fancybox覆盖div - 为什么？

我正在使用Fancybox在fancybox中显示链接的目标。这是我的代码注册框：复制Fancybox覆盖div - 为什么？

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

现在用弹出类的链接：点击此链接复制链接到的fancybox DIV看起来像这样的内容

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

：

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

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

谢谢！

来源

2013-09-16 user1856596

为什么你有2个divs？你不能使用fancybox创建的内容div吗？ – DAC84

这就是问题！我可以看到内容的div，但第二个完全覆盖它。看起来fancybox会附加两次div。 – user1856596

内容不会进入'fancybox-overlay'，它会进入'fancybox-content'。覆盖div用于灰色背景，因此听起来像是有东西在那里。你能发布一个URL到你的页面的演示吗？ – DAC84

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

在行动我想渲染写作：

render layout: false

的伎俩。

这是一个古老的问题，但也许它会用于某人。

来源

2016-08-20 20:13:13 FedeSc

复制Fancybox覆盖div - 为什么？

回答

相关问题