javascript - jQueryの「シェイク」機能の表示エラー

Question

ここに単純なランダム質問ジェネレーターを作成しました：http://jsfiddle.net/thevenin/hddMV/

エラーメッセージが表示されて画面が揺れると、なぜか画面右側に黒いバーが残ることがあります。この問題はランダムに発生し、ランダムに消えます。この問題の原因は何ですか?

プロらしくないコーディングをしてしまったことをあらかじめお詫び申し上げます >.<

Answer 1

クロムでもこの問題が発生しました。ブラウザのレンダリングのバグのようです。

これが解決策です。それは呼び出すことです

$('#background').fadeOut(0,function() {$('#background').fadeIn(0); } ); 

アニメーションが完了した後、ブラウザの内外で alt-tab として表示を更新するか、タブを変更すると、行が削除されます。

順序を正しくするために、前のアニメーションが実行を完了したときに各アニメーションが発生するようにコードを変更しました。

http://jsfiddle.net/hddMV/7/