引导旋转木马幻灯片功能。在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（请参阅此答案）。您必须为所有其他浏览器使用css函数：

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

请看这把小提琴的例子。