Javascript Jquery滑动条和光滑的滑动条

我希望在hquery选项卡中有多个滑块，其想法是每个选项卡都将是Woocommerce中的一个类别，但我目前只是对它们进行硬编码，以便最初让它们工作

问题是当我将滑块html移动到选项卡代码中时，滑块不再显示

这是我的问题的精确副本：

一旦我理解并克服了这个问题，我就能够把我需要的循环放进去

$('.tabs-nav a').on('click', function (event) {
    event.preventDefault();

    $('.tab-active').removeClass('tab-active');
    $(this).parent().addClass('tab-active');
    $('.tabs-stage div').hide();
    $($(this).attr('href')).show();
});

$('.tabs-nav a:first').trigger('click'); // Default


//////////////////////////////////////////////////////////////


$('.slider').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
});

---

您的选择器出错：

$（'.tabs stage div'）.hide（）
这意味着，
hie'.tabs stage'及其子对象中的每个div
都被隐藏，因此当您使用
$（$（This.attr（'href'））显示活动滑块时，显示（）它只显示滑块，而不显示其中仍然隐藏的div

您应该使用：
$（'.tabs stage>div'）.hide（）（他
让一切变得不同）这样，它只会隐藏
.tabs stage
中的直接子项

选择器出错：
$（'.tabs stage div'）.hide（）
这意味着，
hie'.tabs stage'及其子对象中的每个div
都被隐藏，因此当您使用
$（$（This.attr（'href'））显示活动滑块时，显示（）它只显示滑块，而不显示其中仍然隐藏的div

您应该使用：
$（'.tabs stage>div'）.hide（）（他
让一切变得不同）这样，它只会隐藏
.tabs stage
中的直接子项

嘿，谢谢你的回答，我现在可以看到我的错误了，我注意到了一些奇怪的事情。当你点击标签时，滑块加载样式几乎需要时间？我认为这是因为jquery的
show
和
hide
，每次都必须重新创建滑块。我待会再看。我觉得现在很好。看起来在隐藏和显示滑块时，slick需要使用
$（'.slider'）.slick（'setPosition'）重新创建滑块它有点立即刷新它：看这里：谢谢伙计-这已经治愈了它。嘿，谢谢你的回答，我现在可以看到我的方式的错误，我注意到一些奇怪的事情。当你点击标签时，滑块加载样式几乎需要时间？我认为这是因为jquery的
show
和
hide
，每次都必须重新创建滑块。我待会再看。我觉得现在很好。看起来在隐藏和显示滑块时，slick需要使用
$（'.slider'）.slick（'setPosition'）重新创建滑块它有点立即刷新它：看这里：谢谢，伙计-这已经治愈了它。