如何动画jquery load()

Question

您好我正在使用此代码从另一个PHP文件加载内容.

$(document).ready(function(){
           setInterval(function(){
                               $('.live-stream ul').each(function(){
                                    $(this).load('tx.php');
                        });
                }, 1000);

        });  

这工作正常,但我希望脚本淡入每个"li"时添加新记录,任何人？

我想做的事情就像Facebook的家庭右上方的facebook的实时用户动作源

Answer 1

你必须先隐藏它.

$(this).hide().load("tx.php").fadeIn('500');

Answer 2

你试过这个吗？

$(document).ready(function(){
    setInterval(function(){
        $('.live-stream ul').each(function(){
            $(this).load('tx.php').fadeIn('1000');
        });
    }, 1000);
});

嗯，这个怎么样

$(function(){
//Fade in all objects.
var wrapper = $("live-stream ul");
$(wrapper).hide();

function fadeInAll(elem, fadeInTime, timeBetween)
{
    for(i=0; i<elem.size(); i++)
    {
        $(elem[i]).delay(i*(timeBetween+fadeInTime)).fadeIn(fadeInTime);    
    }
}

fadeInAll($(wrapper), 1000, 500);

});