0

比較的単純な 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 アイテム間でフェードイン/フェードアウトしたいと考えています。

complete を使用してみましたが、正しいかどうかはわかりませんが、次のようにする必要があります。

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

基本的に、このインナーフェードをどのように組み込んで、li アイテムをアニメーション化できますか。また、ajax の後にこのインナーフェード スクリプトを呼び出してみましたが、機能しません (つまり、何も起こりません)。

4

1 に答える 1

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'
        });
    }
});

デモ:フィドル

于 2013-05-06T04:44:17.880 に答える