Divをフェードアウトし、そのコンテンツを置き換えて、フェードインするためのちょっとしたjavascriptトリックを実行しようとしています。
_$("#products").fadeOut(500)
.delay(600)
.html($("#productPage" + pageNum).html())
.fadeIn(500);
_
appears.html()
が.delay()
メソッドによって遅延されていないこと。
delay
は、次のように queue
と一緒に使用すると、あなたのケースで機能します。
$("#products").fadeOut(500)
.delay(600)
.queue(function(n) {
$(this).html("hahahhaha");
n();
}).fadeIn(500);
ここで試してみてください: http://jsfiddle.net/n7j8Y/
fcallback関数パラメーターを使用して、fadeOutが完了したときに変更するように変更できます。
したがって、次のようになります。
$("#products").fadeOut(500, function() {
$(this).html($("#productPage" + pageNum).html());
$(this).fadeIn(500);
});
たぶん「キュー」の方法で大丈夫ですが、このjavascriptソリューションは私にとってよりうまく機能します:
setTimeout (function(){
$("#products").html('Product Added!');
},1000);