Jquery Ajax完成

时间:2013-05-06 04:14:18

标签: jquery ajax

我们有一个相对简单的Jquery Ajax脚本:

var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitter&include_rts=1&count=10&jsoncallback=";

$.ajax({
    dataType: 'jsonp',
    url: k,
    success: function (data) {
        $.each(data, function (i, item) {
            $("#ticker").append("<li>" + item.text + "</li>");
        })
    }
});

这很好用,但我们想使用innerfade(一个jquery脚本)然后在这些创建的li项之间淡入/淡出。

尝试使用完整但不确定我做对了,但它需要是:

$('#ticker').innerfade({
                    animationtype: 'fade',
                    speed: 1500,
                    timeout: 10000,
                    type: 'random',
                    containerheight: '250px'
                    });

基本上,我如何合并这个内部渐变,以便为li项目添加动画效果。我也尝试在ajax之后调用这个innerfade脚本,但是不起作用(即没有任何反应)

1 个答案:

答案 0 :(得分:0)

尝试

var k = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=twitter&include_rts=1&count=10&jsoncallback=";

$.ajax({
    dataType: 'jsonp',
    url: k,
    success: function (data) {
        $.each(data, function (i, item) {
            $("#ticker").append("<li>" + item.text + "</li>");
        })
        $('#ticker').innerfade({
            animationtype: 'fade',
            speed: 1500,
            timeout: 2500,
            type: 'random',
            containerheight: '250px'
        });
    }
});

演示:Fiddle