为什么fadeIn和动画持续时间不适用于我的代码？

Question

我想改变一个对象的不透明度,而不是淡化完全隐藏的内容,所以我改变了

$(".thumb").each(function(i) {
    $(this).delay(500*i).fadeIn(1000);
});

至

$(".thumb").each(function(i) {
    $(this).delay(500*i).animate({'opacity' : 1}, 1000, function(){});
});

和显示的css:none到不透明度:0; (在所有浏览器中)但我注意到数字值1000根本不做任何事情.也许它是,我没有注意到,但我已经改变了1到100000的形式,我看到没有区别.有人可以帮我理解发生了什么事吗？

编辑:这里是完整的代码..也许有些东西正在改变淡入淡出？

//Showcase
$('#showcase').animate({'opacity' : 0}, 0);
fadeInDivs(['#showcase']);

function fadeInDivs(els) {
    e = els.pop();
    $(e).delay(750).animate({'opacity' : 1}, 1000, function(){
        if (els.length)
            fadeInDivs(els);
    });
};

$('#showcase').queue(function(){
    //fade in each filter
    $('#filters li').each(function(i, item) {
        setTimeout(function() { $(item).animate({'opacity' : 1}, 1000); }, 500 * i);
    });

    //fade in each thumbnail
    $('.thumb').each(function(i, item) {
        setTimeout(function() { $(item).animate({'opacity' : 1}, 1000); }, 500 * i);
    });
});

这是导致问题的原因..

<script type="text/javascript">
var $container = $('.isosort')
// initialize Isotope
$container.isotope({
        // options...
        resizable: false, // disable normal resizing
        layoutMode : 'fitRows',
        animationEngine : 'best-available',

        // set columnWidth to a percentage of container width
        masonry: { columnWidth: $container.width() / 5 }
});

// update columnWidth on window resize
$(window).smartresize(function(){
        $container.isotope({
        // update columnWidth to a percentage of container width
        masonry: { columnWidth: $container.width() / 5 }
        });
});
    $('#filters a').click(function(){
        var selector = $(this).attr('data-filter');
        $container.isotope({ filter: selector });
        return false;
    });
</script>

它位于我的index.php文件的底部,正好在</body>标签之前..是否有更好的地方放这个？

Answer 1

我想这就是你想要的

$(".thumb").each(function(i, item) {
    setTimeout(function() { $(item).animate({'opacity' : 1}, 1000); }, 500 * i);
});