jquery prepend + fadeIn

Question

Ich habe diesen Code:

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

aber die Fade-In funktioniert nicht ... Ich möchte, dass die Inhalte in vorangestellt und verblasste werden ... wie soll ich das tun?

Vielen Dank im Voraus!

Answer 1

Unter der Annahme, response wird HTML dann versuchen, diese:

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

Wenn Sie es auf diese Weise tun:

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

das, was Sie Verblassen tatsächlich in das Ergebnis des anfänglichen Wähler (die Liste auf der Vorderseite), die bereits sichtbar ist.

Answer 2

+1 zu Cletus, aber ich wollte nur den anderen Weg markieren, wie Sie es tun könnten.

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

Answer 3

Versuchen Sie folgendes: 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