jquery，childs一個接一個地活動，而父li是活動的

Question

我試圖使li的子元素活躍，當父li處於活動狀態時。到目前爲止，我可以從li切換到li並激活孩子，但他們不按順序顯示，他們有隨機移動。如果有人能幫助我，我會非常感激。

var toggleChild = function() { 
    $(".on span").children('a').children('span').removeClass('ready'); 
    $(".on span.active").removeClass().next().add(".on span:first").last().addClass("active").children('a').children('span').addClass('ready'); 
}; 

var toggleSlide = function() { 
    $("#slider li.on").removeClass().next().add("#slider li:first").last().addClass("on"); 
    setInterval(toggleChild, 500); 
}; 

setInterval(toggleSlide, 3000); 
$("#slider .active a#open span").addClass("ready");​ 

這是我迄今爲止所做的鏈接。 http://jsfiddle.net/MS5DV/13/

Answer 1

對於toggleSlide()，您的循環間隔設置爲3000。

雖然每次撥動toggleSlide都會啓動一個新的重複間隔爲toggleChild()。

每隔3秒鐘又開始一個半秒的時間間隔（並且一直保持這種狀態）。

var myIntervalId = setInterval(toggleSlide, 3000); 
clearInterval(myIntervalId); 

雖然我想你的意思做setTimeout(toggleChild, 500);內toggleSlide()