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將'slide'事件更改爲'slide.bs.carousel'。更改爲此，它應該工作（假設這是你唯一的問題）：

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

請參閱this question。