我想在每次 slider 滑动时更改容器的背景。我想我需要检查该项目的类别是否/何时处于事件状态。我还想知道是否没有我应该监听的事件。这是我正在开发的 jsfiddle:
https://jsfiddle.net/podbarron/nj04xms5/
$(function(){
$('#carousel-indicators').on('click', 'li', function(){
});
});
谢谢!
最佳答案
Bootstrap Carousel 有一个在每次幻灯片转换时/之后触发的事件。您应该能够使用它。
示例:https://jsfiddle.net/nj04xms5/7/
事件中的 js 非常基本,但只是为了给您一个想法。
e.latedTarget
如果您想从中获取信息(即 ID),将为您提供当前所在的幻灯片
$('#carousel-example-generic').on('slide.bs.carousel', function(e) {
if(e.relatedTarget.id == 'firstSlide'){
$("#landingContainer").css('background-color', 'orange');
} else if(e.relatedTarget.id == 'secondSlide'){
$("#landingContainer").css('background-color', 'green');
}
})
关于jquery - 当 Bootstrap Carousel 上的事件类发生变化时更改背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35460188/