Javascript 带有复选框菜单的Jquery滑块

我正在尝试创建一个Jquery滑块来在多个复选框菜单之间切换

下图显示了我想要实现的行为：

以下是我迄今为止所尝试的：

HTML:

Jquery滑块演示

1lab1


1lab2


1lab3


1lab4


2lab1


2lab2


2lab3

我使用owl carousel实现了以下功能：

$（“.owl carousel”）.owlCarousel({
项目：1，
循环：对，
导航：对
});

标签1


标签2


标签3
标签1


标签2
标签1


标签2


标签3
这是因为您已经给出了。top的z索引为-1，将其放在文档后面-尝试类似于1的方法：。Ps我讨厌在幻灯片更改之前有3秒钟时间选择选项的表单您使用的是jquery图像滑块。我认为您需要稍微调整一下代码，或者您可以简单地使用像owl slider这样的内容滑块，以获得更好的性能和兼容性。