私はこのコードを見つけました：
$('li input:checked').click(function() {
$(this).parent().parent().toggleClass("uncheckedBoxBGColor", 1000);
});
要素を初めてクリックすると、うまく機能します。背景色がフェードしますが、もう一度クリックすると、1000 ミリ秒遅れてから、別の背景色が点滅します。初めてクリックしたときだけでなく、クラスがあるときとそうでないときはアニメーション化したいと思います。
とにかく、 jquery.toggleClass 関数はフェード用に作成されていません。詳細については、 http://api.jquery.com/toggleClass/を参照してください。
背景色をフェードイン/フェードアウトしたい場合は、Mozilla 側で説明されているように、CSS3 トランジション機能を使用してみてください: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transitions。
input:checked" "を使用している可能性があります。
使ってみて
$('li input[type=checkbox]').click(function () {
$(this).parent().parent().toggleClass("uncheckedBoxBGColor", 1000);
});
これは私のために働いています。