jquery thêm vào trước + fadeIn

Question

tôi có mã này:

$.ajax({ 
     url : url, 
     data : {ids : JSON.stringify(jsonids), hotel_id: hotel_id}, 
     success : function(response) 
     { 
      $('#be-images ul').prepend(response).fadeIn('slow'); 
     }, 
     dataType: 'html' 
    }); 

nhưng phai Trong không hoạt động ... Tôi muốn các nội dung được thêm vào phía trước và nhạt dần trong ... làm thế nào tôi sẽ làm điều này?

Cảm ơn trước!

Answer 1

Giả sử response được HTML sau đó thử này:

$(response).hide().prependTo("#be-images ul").fadeIn("slow"); 

Khi bạn làm điều đó theo cách này:

$('#be-images ul').prepend(response).fadeIn('slow'); 

điều bạn đang thực sự phai màu trong là kết quả của bộ chọn ban đầu (các ở phía trước), đã được hiển thị.

Answer 2

+1 vào cletus, nhưng tôi chỉ muốn làm nổi bật cách khác bạn có thể làm.

$('#be-images ul').prepend(
    $(response).hide().fadeIn('slow') 
); 

Answer 3

Hãy thử điều này: HTML

<button>Add</button> 
<div id="data"></div> 

Jquery:

$('button').click(function() { 
    $('#data').prepend('<div class="item">Test</div>'"'); 
    $("#data .item:first-child").hide(); 
    $("#data .item:first-child").fadeIn(); 
}); 

Live Demo: jsfiddle