jQuery आगे जोड़ते + fadein

Question

मैं इस कोड है:

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

लेकिन में काम नहीं करता है फीका ... मैं सामग्री prepended और में ... कैसे मैं यह कर देगा फीका किया जाना चाहते हैं?

अग्रिम धन्यवाद!

Answer 1

मान लिया जाये कि response एचटीएमएल तो यह कोशिश की है:

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

जब आप इसे इस तरह कार्य करें:

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

बात आप वास्तव में fading रहे प्रारंभिक चयनकर्ता का परिणाम (है मोर्चे पर सूची), जो पहले से ही दिखाई दे रहा है।

Answer 2

+1 क्लीटस के लिए, लेकिन मैं बस इसे अन्य तरीके से हाइलाइट करना चाहता था।

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

Answer 3

इस प्रयास करें: एचटीएमएल

<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(); 
}); 

लाइव डेमो: jsfiddle