轻松滑入jQuery EasyTabs冲突

Question

有两个标签。

两者都包含光滑滑块。

第一个工作正常。但是一旦你点击第二个，它什么也没有加载。

嗯，几乎没有 - 你会在下面的例子中看到。

如果您留在第二个标签页并重新加载页面，它会向您显示正确的内容。但是，第一个选项卡将停止工作，并且表现为第二个选项卡。

由于我对JavaScript知之甚少，我知道它与标签加载方式有关......但我不知道如何更改它。

$(document).ready(function(){

  $('.tab-container').easytabs({
    animationSpeed: 'fast'
  });

  $('.services__slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    asNavFor: '.services__slider--tap'
  });
  $('.services__slider--tap').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.services__slider',
    centerMode: true,
    focusOnSelect: true
  });
});

以下是代码的Fiddle示例。