今日、私はリストとJqueryで問題に遭遇しました。4つの要素を持つリストがあります。これはデータベースから動的に生成され、x秒ごとにデータベースを更新します。新しいレコードがある場合は、最後のリストアイテムを削除し(これは機能します)、新しいアイテムをリストの一番上に追加します。 4〜5回フラッシュします。 実際、私は動作するコードを持っていますが、それはもっとうまくやれると思います。私の質問は、これを行うための最良の解決策は何ですか?
ここにコードです:
$( document ).ready(function() {
$.fn.fadeInNext = function(delay) {
return $(this).fadeIn(delay,function() {
$(this).next().fadeInNext();
});
};
$("li").hide().fadeInNext(1500);
$("li").last().remove();
$("li:eq(0)").before("<li>New item</li>").fadeIn(1500);
});
ご回答ありがとうございます。
よろしく、 ガボール
回答:
回答№1は0何かのようなもの この いいと思います
$(function(){
var ul = $(".list-group");
var li = ul.find("li").last().clone();
ul.prepend(li);
li.stop()
.css("backgroundColor","#FAA523")
.animate({"backgroundColor": "white"},1500);
});
注:これにはプラグインがあります 依存。したがって、必ずそれを含めてください。