javascript - 如何使 ajax 响应在 div 前面加上动画？

Question

下面是我的代码

$.ajax({
        type: 'POST',
        url: 'load_more.php',
        data: {val:myval},
        success: function (data) {

                    $("#load_current").prepend(data);
                    //alert(data);
            }
    });

功能正常，但我需要动画来将数据添加到 div，我尝试了这个 $(data).prependTo("#load_current").fadeIn('slow'); 但是没有变化，请提出任何想法使其成为可能，谢谢

Answer 1

你可以试试这个:

  $('button').on('click',function(e){  //button click event is added for demo purpose you need only code inside it.
        var data = 'hiii';
        data=data+ $("#load_current").text();
        $("#load_current").hide();
        $("#load_current").html(data).fadeIn('slow');
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

	<div id='load_current'>
    
</div>
<button>click</button>