Sự kiện cháy trên vấn đề trượt băng chuyền Bootstrap

Question

Tôi cố gắng sử dụng mã này để kích hoạt sự kiện khi trượt băng chuyền nhưng không hoạt động vì một số lý do. Bất kỳ đề xuất?

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 đã thay đổi sự kiện 'trượt' thành 'slide.bs.carousel'. Thay đổi này và nó sẽ hoạt động (giả sử đó là vấn đề duy nhất của bạn):

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

Xem this question.