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

アイデアや提案はありますか？

EDIT----$(document).ready()呼び出しを追加しましたが、実際には何も変わりませんでした。上記のコードスニペットで同じ結果が得られました

4

1 に答える 1

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

動作するはずです！

于 2013-03-06T21:16:02.687 に答える