Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery fadeIn(打开)依次单击每个元素_Javascript_Jquery - Fatal编程技术网

Javascript jquery fadeIn(打开)依次单击每个元素

Javascript jquery fadeIn(打开)依次单击每个元素,javascript,jquery,Javascript,Jquery,我试着把一个div中的每个元素依次淡入淡出。我知道如何在整个街区淡入淡出,但不知道如何在每个分区淡入淡出 您需要在上一个div的完成回调中淡入下一个div 例如: function fadeAll(elems) { elems.filter(':hidden:first').fadeIn(1000, function() { fadeAll(elems); }); } fadeAll($('#parent div')); 请注意,您需要隐藏子对象,而不是父对象 $('#divWi

我试着把一个div中的每个元素依次淡入淡出。我知道如何在整个街区淡入淡出,但不知道如何在每个分区淡入淡出


您需要在上一个div的完成回调中淡入下一个div

例如:

function fadeAll(elems) {
    elems.filter(':hidden:first').fadeIn(1000, function() { fadeAll(elems); });
}

fadeAll($('#parent div'));

请注意,您需要隐藏子对象,而不是父对象

$('#divWithDivs').children().first().fadeIn(500, function() {
        $(this).next().fadeIn(500, arguments.callee);
    });

这里是基于您的演示:

您可以执行以下操作:

他想让它们依次褪色。
$('#divWithDivs').children().first().fadeIn(500, function() {
        $(this).next().fadeIn(500, arguments.callee);
    });
$('#button').click(function() {
    var show_next = function(elem) {
        if (elem.length) {
            elem.fadeIn(300, function () {
                show_next(elem.next());
            });
        }
    };
    show_next($('div#divWithDivs').children().first()); 
});