Slick.js 加载问题

Question

我有几个 slick.js (http://kenwheeler.github.io/slick/) carousels on my page that are displayed within tabs EasyTabs.js (https://os.alfajango.com/easytabs/).

这是有问题的页面：http://ffb.ca/get-involved/ride-for-sight/#event_locations

只有部分选项卡有 "regional sponsors"。赞助商徽标通常在第一个（安大略省中部）选项卡上显示良好，但是一旦您单击新选项卡（北艾伯塔省），徽标就会堆叠在一起，然后单击到位。有时您必须向下滚动或调整浏览器 window 才能使徽标点击到位。

这似乎是加载问题或其他问题，但我不太确定。任何帮助将不胜感激！

Answer 1

听起来您可能需要将 easytab 的 'after' 事件挂钩与 slick 'unslick' 方法一起使用，然后（重新）初始化 slick 实例；因此，当用户更改选项卡（事件挂钩）时，它会告诉 slick 再次尝试启动。

尝试这样的事情：

$(document).ready(function(){
    $('.easytabs-instance').easytabs().bind('easytabs:after', function() {
        $('.slick-instance').slick('unslick').slick();
    });
});

Slick.js 加载问题

Slick.js Loading Issue

javascript

jquery

loading

slick.js