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 до Клетус, но я просто хотел выделить другой способ, которым вы могли бы сделать это.

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