jquery EasyTabs内的纯灯箱

Question

我正在尝试使用内置于“Pure”中的灯箱，尽管jQuery EasyTabs插件中的任何灯箱都可能出现同样的问题。它在活动选项卡中工作，但在任何非活动选项卡内部时不起作用 - 可能是由于在激活选项卡之前折叠了大小。

EasyTabs具有内置功能，可在选择标签后触发事件：

$('.fluidbox.fluidOn').bind('easytabs:after' function() {

});

然而，在尝试了几个不同的事件后，我遇到了一个残端，似乎无法绑定正确的功能，因为它可以正确触发。

以下是指向live example的链接。

B＆amp; W将在加载时初始化，但随后转到第二个选项卡Cityscape并且无法加载，尽管脚本正确包装灯箱的图像（.fluidbox-wrap）。

不确定这会有所帮助，但我能够为Google地图here解决此问题。您将在第579行看到绑定事件：

$('#tab-container').bind('easytabs:after', function() {
     google.maps.event.trigger(map, 'resize');     
});

我一直在尝试对图像进行类似的调整大小尝试但是没有为我工作。我觉得我错过了一些非常简单的事情 - 只是打了一个恼人的树桩＆gt; :(

修改

我正在使用的灯箱叫做Fluid Box，虽然我很确定这个问题是在EasyTabs中引发的，特别是与Fluid Box无关。

Answer 1

好的，比我想象的要容易得多。

我将easyTabs加载为（文档）.ready并简单地切换到（窗口）.load允许Fluid Box完全加载。