javascript - ボタンをすばやく押すと、JQuery のハイライト効果がさまざまな色に変わります。

Question

私はjavascriptでじゃんけんゲームに取り組んでおり、オプションの1つを選択した後に色インジケーターを実装しましたが、ボタンをすばやく押すと、意図した時間の後に色が変わるのではなく、永続的です。

これは、色を変更するために使用するコードです。

$("#score").stop();
$("#score").effect("highlight", {color: "green"}, 500);

ここに jsfiddle: linkがあります。

Answer 1

使用する

$("#score").stop(true, true);

これにより、アニメーション キューがクリアされ、現在のアニメーションがタイムラインの最後にジャンプし、新しいアニメーションへの「道が開ける」ようになります。

また、次のようにstopandメソッドを連鎖できることに注意してください。effect

$("#score").stop(true, true).effect("highlight", ...

ここに実用的なフィドルがあります: http://jsfiddle.net/DXvSG/3