0

所以这是我正在使用的代码

<script>
    var num=0;

    $('.loadMore').click(function() {
        num+=12;
        $.ajax({
            url: '/blogtest.php',
            data: {Posts: num},
            success: function(data){
                $('.dynamic').append(data).fadeIn(3000);
            }
        });
    });
</script>

基本上,它将“blogtest.php”正在处理的 html 数据从 rss 提要附加到 div 中。我想让它在附加时淡入,同时保持已经加载的数据完好无损(即我不希望它淡入)。因为这是我的代码,如果它有效,我认为它会在整个 div 中消失。由于它不起作用,我一直在投入一切以查看是否有任何效果,但无济于事。以下是我尝试过的

//Doesn't fade in, but does load
$('.dynamic').append(data).fadeIn(3000); 

// Doesn't fade in, but does load
$(data).appendTo('.dynamic').fadeIn(3000); 

//Doesn't display, I assume it stays hidden
$(data).hide().appendTo('.dynamic').fadeIn(3000);

//I even tried converting 'data' to an object
var data_object = $(data); //Tried all the above methods, with same results

那么有什么想法或建议吗?

编辑----我添加了一个$(document).ready()电话,但这并没有真正改变任何东西。与上面的代码片段有相同的结果

4

1 回答 1

1
var $node = $("<div>").html(data).hide();
$('.dynamic').append($node);
$node.fadeIn(3000);

应该管用!

于 2013-03-06T21:16:02.687 回答