Internet Explore和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);

});