Bootstrap轮播滑动功能。事情在Mozilla中不起作用

时间:2013-11-22 14:32:10

标签: twitter-bootstrap jquery-animate carousel mozilla

我有这段代码:

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

在bootstrap 3轮播中更换幻灯片上的动画功能。在Chrome中一切正常,但它在Mozilla中不起作用。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

backgroundPositionX(或Y)仅适用于webkit或IE(see this answer)。您必须为所有其他浏览器使用css函数:

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

有关示例,请参阅this fiddle