javascript - 如何为新表制作下一个代码滑块

Question

大家好，

如果我选择下一个，我想在同一个 html 页面中为练习 1 和练习 2 制作一个滑块，那么它将在完成练习后出现下一个练习，与图像滑块相同，它不会同时显示两个练习，一次只会显示一个，并且应该将wiork作为下一个练习的滑块请帮助我开发这个

我的 jsfiddle 是：jsfiddle.net/hirenwebdp/Ky8fP/7/

在我的 jsfiddle 中，您可以看到一个 html 页面中有两个练习，但没有滑块都出现在同一个页面上，所以我想为练习 1 和 2 开发滑块，请帮助我

Answer 1

为此，您可以使用 bxslider。它不仅仅是一个图像滑块，也是一个内容滑块。

在这里检查小提琴

请注意，我没有实施任何验证。就像只有在完成第一个练习等后才转到下一张幻灯片。希望你能自己实现它。

包括 bxslider js 和 css 文件以及像这样的插件，例如。

$('.slider').bxSlider({
  mode: 'horizontal',
  auto: false
});

如果您不想要无限循环，也可以将其设置为 false。

 $('.slider').bxSlider({
  mode: 'horizontal',
  auto: false,
  infiniteLoop:false
  });