私はこのコードを持っています:
$.ajax({
url : url,
data : {ids : JSON.stringify(jsonids), hotel_id: hotel_id},
success : function(response)
{
$('#be-images ul').prepend(response).fadeIn('slow');
},
dataType: 'html'
});
しかし、フェードインが機能しません...コンテンツを先頭に追加してフェードインしたいのですが、どうすればよいですか?
前もって感謝します!
response
がHTMLであると仮定して、次のことを試してください。
$(response).hide().prependTo("#be-images ul").fadeIn("slow");
このようにすると:
$('#be-images ul').prepend(response).fadeIn('slow');
実際にフェードインしているのは、既に表示されている最初のセレクター(前面のリスト)の結果です。
クレタスへの+1、しかし私はあなたがそれを行うことができる他の方法を強調したかっただけです。
$('#be-images ul').prepend(
$(response).hide().fadeIn('slow')
);
これを試してください: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