JQuery的动画不工作在IE？

Question

我正在使用jquery为图像的背景位置设置动画，它适用于现代浏览器，但不适用于IE。任何帮助非常感谢，谢谢:)

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', duration:2000}); 
    }) 
    $("#btn-intro").click(function(){ 
    $('#line').animate({backgroundPosition: '116px 0', duration:2000}); 
    }) 
    $("#btn-prizes").click(function(){ 
     $('#line').animate({backgroundPosition: '231px 0', duration:2000}); 
     }) 
    $("#btn-part").click(function(){ 
     $('#line').animate({backgroundPosition: '345px 0', duration:2000}); 
     }) 
    $("#btn-prog").click(function(){ 
     $('#line').animate({backgroundPosition: '460px 0', duration:2000}); 
     }) 
    $("#btn-judge").click(function(){ 
     $('#line').animate({backgroundPosition: '575px 0', duration:2000}); 
     }) 
    $("#btn-past").click(function(){ 
     $('#line').animate({backgroundPosition: '690px 0', duration:2000}); 
     }) 

Answer 1

试试这个

$('#line').animate({backgroundPosition: '345px 0'}, 2000); 

Answer 2

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', duration:2000}); 
    }) 

是错误的。

我不认为在Animate中有任何内容，例如duration: {NUMBER}。

尝试：

$("#btn-home").click(function(){ 
    $('#line').animate({backgroundPosition: '0px 0', 2000}); 
    })