当前位置:  开发笔记 > 编程语言 > 正文

如何在jquery上逐个显示每个div?

如何解决《如何在jquery上逐个显示每个div?》经验,为你挑选了1个好方法。

嘿,我不想在我的页面上做出很酷的效果,我在想,如何在加载时隐藏所有内容并逐个显示每个div?如果这是一个坏主意,你能帮助我一个更好的主意吗?

EDIt:使用$("div").each()jQuery函数.EDIT2:儿童的孩子.

EDIT3:



A carregar, aguarde...

感谢所有JoséMoreira



1> Tatu Ulmanen..:

你可以使用这样的东西:

$(function() {
    // Start showing the divs
    showDiv();
});

function showDiv() {
    // If there are hidden divs left
    if($('div:hidden').length) {
        // Fade the first of them in
        $('div:hidden:first').fadeIn();
        // And wait one second before fading in the next one
        setTimeout(showDiv, 1000);
    }
}

找到下一个隐藏的div并在每一秒都淡出它.只需使用CSS display: none;预先隐藏想要显示的div .


如果你出于某种奇怪的原因必须使用这个each功能,这可能会有用..有点儿.

$(function() {
    $('div:hidden').each(function(index) {
        setTimeout(function(el) {
            el.fadeIn();
        }, index * 1000, $(this));
    });
});


它(`$('div:hidden:first').fadeIn(500,showDiv);`)甚至可以是`showDiv`函数中的唯一一行.
推荐阅读
k78283381
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有