我尝试使用此代码在旋转木马滑动时触发事件,但由于某种原因它无法工作.有什么建议？
var $carousel = $('#carousel-showcase');
$carousel.carousel();
$carousel.bind('slide',function(e) {
setTimeout( function(){
var left = $carousel.find('.item.active.left');
var right = $carousel.find('.item.active.right');
if(left.length > 0) {
$("#wrap").animate({
backgroundPositionX: '+=50%'
},0);
}
else if(right.length > 0) {
$("#wrap").animate({
backgroundPositionX: '-=50%'
},0);
}
},500);
});
解决方法
Bootstrap 3将’slide’事件更改为’slide.bs.carousel’.改为这个它应该工作(假设这是你唯一的问题)：
$carousel.bind('slide.bs.carousel',function (e) {
console.log('slide event!');
});
