jquery prepend + fadeIn

Question

mam ten kod:

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

ale Fade In nie działa ... Chcę zawartość być poprzedzany i zniknął w ... w jaki sposób mogę to zrobić?

Z góry dziękuję!

Answer 1

Zakładając response HTML jest następnie spróbuj tego:

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

Kiedy robisz to w ten sposób:

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

rzeczą jesteś rzeczywiście blaknięcie jest wynikiem początkowej selektora (the lista z przodu), która jest już widoczna.

Answer 2

+1 do klasy, ale chciałem po prostu podkreślić inny sposób, w jaki można to zrobić.

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

Answer 3

Spróbuj tego: 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(); 
}); 

żywo Demo: jsfiddle