Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑动到jQuery EasyTabs冲突中_Javascript_Jquery_Tabs_Slider - Fatal编程技术网

Javascript 滑动到jQuery EasyTabs冲突中

Javascript 滑动到jQuery EasyTabs冲突中,javascript,jquery,tabs,slider,Javascript,Jquery,Tabs,Slider,有两个选项卡 两者都包含光滑的滑块 第一个很好用。但一旦你点击第二个,它什么也不会加载 好吧,几乎什么都没有——您将在下面的示例中看到 如果您停留在第二个选项卡上并重新加载页面,它将显示正确的内容。但是,第一个选项卡将停止工作,并与第二个选项卡的行为相同 由于我对JavaScript知之甚少,我发现它与选项卡的加载方式有关。。。但我不知道如何改变它 $(document).ready(function(){ $('.tab-container').easytabs({ animat

有两个选项卡

两者都包含光滑的滑块

第一个很好用。但一旦你点击第二个,它什么也不会加载

好吧,几乎什么都没有——您将在下面的示例中看到

如果您停留在第二个选项卡上并重新加载页面,它将显示正确的内容。但是,第一个选项卡将停止工作,并与第二个选项卡的行为相同

由于我对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
  });
});
下面是代码的示例