как сделать ответ ajax на preend div с анимацией?

Question

ниже мой код

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

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

функция будет хорошо, но я нужна анимация для данных вставляться в Див, я попытался это $(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> 
 

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

Answer 2

Попробуйте следующее:

$("#load_current").hide(); 
$(data).prependTo("#load_current").fadeIn('slow'); 

Answer 3

Попробуйте это:

$('<p>' + data + '</p>').hide().appendTo('#load_current').fadeIn('slow'); 

JS Fiddle Link