Slick.jsローディングの問題

Question

私は、EasyTabs.js（https://os.alfajango.com/easytabs/）タブ内に表示される、私のページ上にいくつかのslick.js（http://kenwheeler.github.io/slick/）カルーセルを持っています。

http://ffb.ca/get-involved/ride-for-sight/#event_locationsのみタブのいくつかは、「地域のスポンサー」を持っている：ここでは

は、問題があるページです。スポンサーのロゴは通常、最初の（中央のオンタリオ）タブでは正常に表示されますが、新しいタブ（北部のアルバータ州）をクリックすると、ロゴが重なり合って配置されます。場合によっては、下にスクロールしたり、ロゴがクリックされるようにブラウザウィンドウを調整する必要があります。

読み込みの問題などのようですが、私は確信していません。どんな助けでも大歓迎です！

Answer 1

easytabの 'after'イベントフックをすっきりとした 'unslick'メソッドと共に使用してから、滑らかなインスタンスを（再）初期化する必要があるようです。ユーザーがタブ（イベントフック）を変更すると、slickは再び起動を試みます。

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