如何让 Fluidbox.js 与标签一起使用

Question

我尝试将Fluidbox 脚本与引导选项卡插件一起使用。当我单击选项卡时，会出现新图像。它们在一个容器中，不透明度从 0 变为 1。 默认情况下，第一个容器的不透明度设置为 1。 Fluidbox 适用于该容器，但不适用于另一个。我怀疑它与不透明度变化有关。有什么想法吗？

有问题的页面：http://urlgone.com/2d0035/

Answer 1

Fluidbox 似乎不适用于任何设置为不显示的图像。在您的情况下，在设置为不显示的父元素内部。

解决此问题的方法是在隐藏图像或元素之前让流体盒启动。我使用的是easytabs，所以我将它的调用放在了一个窗口加载函数中，这让fluidbox有足够的时间在easytabs隐藏照片之前触发。

$(window).load(function() {
  $("#tab-full-container").easytabs();
});