Question

我的页面上有很少的slick.js（http://kenwheeler.github.io/slick/）轮播，显示在EasyTabs.js（https://os.alfajango.com/easytabs/）标签中。

以下是包含问题的页面：http://ffb.ca/get-involved/ride-for-sight/#event_locations

只有部分标签有“区域赞助商”。赞助商徽标通常在第一个（中心安大略省）选项卡上显示正常，但是一旦您单击新选项卡（北艾伯塔省），徽标就会叠加在一起，然后单击到位。有时您必须向下滚动，或调整浏览器窗口以使徽标单击到位。

这似乎是一个装载问题，但我不确定。任何帮助将不胜感激！

Answer 1

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

尝试这样的事情：

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

Slick.js正在加载问题

1 个答案: