2009-08-18 8 views
6

クリックすると、クリックされたテーブルの行が取得されます。jqueryを使用してテーブル行を削除すると、フェードして色が少し変わる

$("#someId").remove(); 

削除する行を強調表示して消しています(削除されています)。

jQueryでこれを行う方法はありますか?

私は削除でフェードアウトを試みましたが、それは私が望んだものを達成できませんでした。

$("#someId").fadeOut("slow").remove(); 

答えて

8

としてHILITEを定義しているだろう

$("#someId").addClass('hilite').fadeOut('slow', function() { 
    $('#someId').remove(); 
    }); 

、あなたはcolor animationsをチェックアウトする必要があります。 animate関数を使用してカラー変更アニメーションを実行するために取得できる公式JQuery color pluginがあります。

$("#someId").animate({backgroundColor:'yellow'}, 1000).fadeOut(1000,function() { 
    $('#someId').remove(); 
}); 
+1

fadeOut()のコールバック内に.remove()を入れる必要があります。 – Sampson

+0

私が私の答えで言ったように。 –

+0

ああ、ありがとう。私はそれに編集を投げた。 – zombat

1

:コールバックを行います

$("someId").fadeOut(1000,function() 
{ 
    $(this).remove(); 
}); 

色遷移エフェクトのない行 削除処理を開始する前に、削除する行にクラスを追加することができます。あなたがハイライト表示を行うためには

.hilite{ background-color:orange;} 
関連する問題