jquery - Internet Explorer 和 Jquery 动画

Question

我有一段非常简单的代码，用于在单击不同链接时制作横幅图像导航，这在 Chrome 中非常有效，但在 Internet Explorer 中效果不佳

我认为它与.stop()IE 似乎忽略它并将背景图像返回到加载时的原始位置有关。

有谁知道解决方法？

这是我的代码：

$(function(){

//Begin navigation banner animations

$(".home").click(function(){
    $("#banner").stop().animate({'background-position-x' : '-250px'},3000);

});

$(".releases").click(function(){
    $("#banner").stop().animate({'background-position-x' : '-550px'},3000);

});

$(".events").click(function(){
    $("#banner").stop().animate({'background-position-x' : '0px'},3000);

});

$(".artists").click(function(){
    $("#banner").stop().animate({'background-position-x' : '-1250px'},3000);

});

$(".gallery").click(function(){
    $("#banner").stop().animate({'background-position-x' : '-850px'},3000);

});