jQuery的定製隊列沒有在IE9

Question

工作，我使用自定義的隊列做出一些故事：（Win7的，IE9.0.8）

$('#section-1.u2').delay(200) 
    .queue(function(next){ 
     $('.u2.b1').fadeOut(400); 
     $('.u2.b2').fadeIn(400); 
    next(); 
    }); 
    $('#section-1.u2').delay(400) 
    .queue(function(next){ 
     $('.u2.b2').fadeOut(400); 
     $('.u2.b3').fadeIn(400); 
    next(); 
    }); 
.... 

則更多一些情況，但IE9僅運行的第一部分，並停止然後，沒有任何錯誤。 我能在這裏做什麼？

感謝 丹尼斯

Answer 1

不知道會發生什麼，但你可以嘗試，而不是在JQ 1.9+：

$('#section-1.u2').finish().delay(200) 
    .queue(function(next){ 
     $('.u2.b1').fadeOut(400); 
     $('.u2.b2').fadeIn(400); 
     next(); 
    }); 
    $('#section-1.u2').delay(400) 
    .queue(function(){ 
     $('.u2.b2').fadeOut(400); 
     $('.u2.b3').fadeIn(400); 
    }); 

Answer 2

可能是你可以在每個隊列功能使用.dequeue()：

Description ：執行隊列中匹配元素的下一個函數。

$('#section-1.u2').delay(200).queue(function(next){ 
    $('.u2.b1').fadeOut(400); 
    $('.u2.b2').fadeIn(400); 
    $(this).dequeue(); // here 
    next(); 
}); 
$('#section-1.u2').delay(400).queue(function(next){ 
    $('.u2.b2').fadeOut(400); 
    $('.u2.b3').fadeIn(400); 
    $(this).dequeue(); // here and so on... 
    next(); 
});