jquery prepend + fadeIn

我有这个代码：

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

但淡入在不工作…我想要的内容前置和淡入…我将如何做到这一点？

提前致谢！

Answer 1

假设response是HTML然后试试这个：

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

当你这样做的时候：

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

你真正淡入的东西是初始select器（前面的列表）的结果，这已经是可见的了。

Answer 2

对cletus +1，但我只是想强调你可以做的另一种方式。

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

Answer 3

试试这个：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(); }); 

现场演示： jsfiddle