jquery prepend + 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'
    });

但淡入淡出不起作用......我希望内容可以预先添加并消失......我将如何做到这一点？

提前致谢！

Answer 1

假设response是HTML，请尝试以下操作：

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

当你这样做时：

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

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

Answer 2

+1给cletus，但我只是想强调你能做到的另一种方式。

$('#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