Bootstrap傳送帶滑動功能。事情不會工作在Mozilla

Question

我有這樣的代碼：

var $carousel = $('#carousel-showcase'); 
$carousel.carousel(); 

$carousel.bind('slide.bs.carousel', 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); 
}); 

火關上滑蓋變化的動畫功能，在引導3轉盤。在Chrome中一切正常，但它不適用於Mozilla。有什麼建議麼？

Answer 1

backgroundPositionX（或Y）僅適用於webkit或IE（see this answer）。你將不得不使用的CSS功能適用於所有其他瀏覽器：

$("#wrap").css('backgroundPosition','45% 0%'); 

爲例見this fiddle。