Question

所以这里是我使用

的代码

<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>

基本上它附加了html数据＆＃34; blogtest.php＆＃34;正在从rss feed处理到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

那么任何想法或建议？

EDIT ---- 我添加了$(document).ready()电话，但这并没有真正改变任何事情。与上面的代码片段有相同的结果

Answer 1

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

应该有用！

将html内容加载到div时，jQuery fadeIn（）方法无效

1 个答案: