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

Jquery，Childs一个接一个地活动，而父li是活跃的

1 个答案: