Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.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 根据位置以外的其他内容跳转到特定的旋转木马幻灯片?_Javascript_Jquery_Bootstrap 4 - Fatal编程技术网

Javascript 根据位置以外的其他内容跳转到特定的旋转木马幻灯片?

Javascript 根据位置以外的其他内容跳转到特定的旋转木马幻灯片?,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,我试图找到一种方法,在点击一个按钮后,我可以跳到一个特定的旋转木马幻灯片。现在,我知道你可以使用特定幻灯片的索引来实现这一点,但是,因为幻灯片的内容并不总是以相同的顺序排列,索引并不能解决我的问题 我看过猫头鹰旋转木马,它似乎可以实现这一点,但我的库有限,我可以使用,更愿意避免它 是否有一种方法可以使用其他工具(如id或属性)跳转到特定幻灯片,最好使用JQuery、JS或HTML,而不使用任何附加库?这可以通过向要切换到的幻灯片添加id来实现。完成后,只需在单击处理程序中执行以下操作: $('.

我试图找到一种方法,在点击一个按钮后,我可以跳到一个特定的旋转木马幻灯片。现在,我知道你可以使用特定幻灯片的索引来实现这一点,但是,因为幻灯片的内容并不总是以相同的顺序排列,索引并不能解决我的问题

我看过猫头鹰旋转木马,它似乎可以实现这一点,但我的库有限,我可以使用,更愿意避免它


是否有一种方法可以使用其他工具(如id或属性)跳转到特定幻灯片,最好使用JQuery、JS或HTML,而不使用任何附加库?

这可以通过向要切换到的幻灯片添加id来实现。完成后,只需在单击处理程序中执行以下操作:

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

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

最好的方法是确定一种方法来计算您要瞄准的幻灯片的索引,然后使用该方法来设置活动幻灯片。