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()