Jquery 动画（{left}）不在IE中工作

我使用

.animate（）

制作了一个快速的jQuery片段，它在Safari、Chrome和Firefox中都能完美工作，但当我在IE中打开它时，开始动画开始，然后直接跳到开始.fadeOut部分的位置。有什么想法我可以改变这个工作在IE

jQuery

$(document).ready(function(){   

//ACC LOGO COMES IN
$("#img1").animate({left:'+=470'},1000);
$("#img1").animate("pause");
$("#img1").animate("pause");
$("#img1").animate("pause");
//AVERY LOGO COMES IN
$("#img1").animate({left:'+=470'},1000);
$("#img1").animate("pause");
$("#img1").animate("pause");
$("#img1").animate("pause");
$("#img1").animate({left:'+=470'},1000);

//FADE OUT RED FADE INTO COLOR PHOTO
$("#img1").fadeOut("fast", function(){
    $("#img0").fadeOut(2000, function(){
        $("#img3").fadeOut(3000, function(){
            $("#img4").fadeOut(2000, function(){
                $("#img5").fadeOut(3000);
                });
            });
        });
//END OF FADE QUEUE
});

//END DOC READY BRACKET
});

HTML

    <div id="img1"><img src="images/slide_double.jpg" alt="" /></div>
    <div id="img0"><img src="images/slide_0.jpg" alt="" /></div>
    <div id="img3"><img src="images/slide_3.jpg" alt="" /></div>
    <div id="img4"><img src="images/slide_4.jpg" alt="" /></div>
    <div id="img5"><img src="images/slide_5.jpg" alt="" /></div>
    <div id="img6"><img src="images/slide_6.jpg" alt="" /></div>

---

使用

animate

JQuery函数时，没有

pause

选项

要模拟暂停，可以使用JQuery函数

已更新

---

使用

animate

JQuery函数时，没有

pause

选项

要模拟暂停，可以使用JQuery函数

已更新

---

。设置动画（“暂停”）

！？此外，当涉及到IE时，你需要更具体地说明它是哪个版本。很简单，我是jQuery的新手。。。使用

.animate（“暂停”）

是否有问题？另外，据我所知，我使用的是IE 8，而不是jQueryYou可以使用.delay（）函数来代替.animate（“pause”）@sdespont-将其作为答案

。animate（“pause”）

！？此外，当涉及到IE时，你需要更具体地说明它是哪个版本。很简单，我是jQuery的新手。。。使用

.animate（“暂停”）

是否有问题？此外，据我所知，我使用的是IE 8，而不是jQueryYou可以使用的.delay（）函数，而不是.animate（“pause”）@sdespont-作为回答，我将该函数更改为

.delay（1500）

（谢谢！）但它在所有方面都很好，除了iSeems，比如我把它改为.delay from.animate（“暂停”）后，它就变成了一个语法错误，因为我现在可以在IE中使用：$（document）.ready（function（）{//ACC LOGO是$（“#img1”）.animate（{left:'+=470px'}，1000.delay（1500）//AVERY LOGO是$（“#img1”）.animate（{left:'+=470'}，1000）.delay（1500）；$（“#img1”）.animate（{left:'+=470'}，1000）；我已经在IE中用测试过的小提琴更新了我的answe。每次我将函数更改为

，你也可以使用JQuery链接而不是声明你的图像。delay（1500）

（谢谢！）但它在所有方面都很好，除了iSeems，比如我把它改为.delay from.animate（“暂停”）后，它就变成了一个语法错误，因为我现在可以在IE中使用：$（document）.ready（function（）{//ACC LOGO是$（“#img1”）.animate（{left:'+=470px'}，1000.delay（1500）//AVERY LOGO是$（“#img1”）.animate（{left:'+=470'}，1000）.delay（1500）；$（“#img1”）.animate（{left:'+=470'}，1000）；我已经在IE中用测试过的小提琴更新了我的answe。你也可以使用JQuery链接，而不是每次都声明你的图像

#slideshow {
background-image:url('images/slide_0.jpg');
height: 270px;
width: 460px;
overflow: hidden;
position: relative;
}

#img1 {
height: 270px;
width: 460px;
position: relative;
left: -940px;
} 

#img0 {
height: 270px;
width: 460px;
position: absolute;
z-index: 6;
}   

#img3 {
height: 270px;
width: 460px;
position: absolute;
z-index: 5
}

#img3 {
    height: 270px;
width: 460px;
position: absolute;
z-index: 4
}

#img4 {
height: 270px;
width: 460px;
position: absolute;
z-index: 3
}

#img5 {
height: 270px;
width: 460px;
position: absolute;
z-index: 2
}

#img6 {
height: 270px;
width: 460px;
position: absolute;
z-index: 1
}

 $(document).ready(function () {
     $("#img1").animate({
         left: '+=470px' //ACC LOGO COMES IN 
     }, 1000).delay(1500).animate({
         left: '+=470'   //AVERY LOGO COMES IN
     }, 1000).delay(1500).animate({
         left: '+=470'
     }, 1000);
 });