根据位置以外的内容跳转到特定的轮播幻灯片?

时间:2019-04-02 10:25:04

标签: javascript jquery bootstrap-4

我正在尝试找到一种方法,单击一个按钮后,我可以跳到特定的轮播幻灯片。现在,我知道您可以使用特定幻灯片的索引来做到这一点,但是,由于幻灯片的内容不一定总是相同的顺序,因此索引无法解决我的问题。

我看过Owl轮播,似乎可以用它实现,但是我对可以使用的库有一定的限制,宁愿避免使用它。

是否可以使用其他方法(例如我可以设置的ID或属性,最好使用JQuery,JS或HTML而不使用任何其他库)跳到特定幻灯片?

1 个答案:

答案 0 :(得分:0)

可以通过在要切换的幻灯片上添加ID来实现。完成后,您只需在点击处理程序中执行以下操作即可:

$('.carousel-item').removeClass('active'); //make all slides inactive
$('#your_id').addClass('active'); //activate the slide you want

该方法的唯一问题是指标(这些指标是可选的,因此您可能只想不包括它们)将不会更新,并显示错误的幻灯片为活动状态。