2

各アイテムとそれぞれのフェードインの間に遅延を設けて、次のforeachを繰り返すにはどうすればよいですか？

.append（）が、私が達成しようとしているのは、json内の各人のクラス#fanを含むテンプレート化されたdivをロードすることであるため、使用するのに最適な関数であるかどうかはわかりません。

[{"first_name":"adf","location":"agd","image_path":""},{"first_name":"test","location":"test","image_path":""},{"first_name":"chris","location":"london","image_path":""}]

これが、これまでのajax呼び出しのコードです。

function get_fans(){

$.ajax('http://localhost/facebook_app/selectFans/', {
    type : 'get',
    dataType: 'json',
    success : function (data) {
        $.each(data, function(index) {
           $('section#fans').append('<div class="fan">' + data[index].first_name + ', ' + data[index].location +'</div>');
        }); 
    },
    error: function () {
        $('section#fans').text('Could not load fans.');
    }
});
}
4

1 に答える 1

1

これはうまくいくはずです：

$.each(data, function(index) {
     setTimeout(function(){
           var d = $('<div class="fan">' + data[index].first_name + ', ' + data[index].location +'</div>');
           $('section#fans').append(d);
           d.hide();
           d.fadeIn();
     }, 1000*(index +1));
});
于 2013-01-07T15:39:34.183 に答える