Bootstrap轮播幻灯片问题上的火灾事件

Question

我尝试使用此代码在旋转木马幻灯片上触发事件，但由于某种原因它无法工作。有什么建议吗？

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);
});

Answer 1

Bootstrap 3改变了幻灯片＆＃39;活动到＆＃39; slide.bs.carousel＆＃39;。改为这个它应该有效（假设这是你唯一的问题）：

$carousel.bind('slide.bs.carousel', function (e) {
    console.log('slide event!');
});

请参阅this question。