web-dev-qa-db-ja.com

jqueryプリペンド+ 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'
    });

しかし、フェードインが機能しません...コンテンツを先頭に追加してフェードインしたいのですが、どうすればよいですか?

前もって感謝します!

50
yretuta

responseがHTMLであると仮定して、次のことを試してください。

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

このようにすると:

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

実際にフェードインしているのは、既に表示されている最初のセレクター(前面のリスト)の結果です。

106
cletus

クレタスへの+1、しかし私はあなたがそれを行うことができる他の方法を強調したかっただけです。

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

これを試してください: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

1
Abhishek