jquery ホバー イベントの使用に問題があります。問題の削減を作成しました。ここで動作するデモを見つけることができます。IE、FF、Opera、および Chrome でマウスを動かした後、これを再現できます。
マウスオーバー イベントでキュー アニメーションを使用しています。約 1% の確率で、td 要素の色は#0f0
、マウスが td を離れた後のままになります。これはいけません。#00f
mouseout イベントは、時間が経過した後に最終的にすべての tds が元に戻ることを保証する必要があります。
更新 2:
私は今、これをおそらく可能な限り減らしました。マウス イベントはまったく使用されません。Opera でよりうまく機能し始めましたが、現在 IE は完全なクラスターです。
とにかく、私はこれをトリガーするためにボタンを使用しています:
function ani() {
$('td')
.stop()
.animate({backgroundColor: '#0f0'}, 3000)
.animate({backgroundColor: '#00f'}, 3000);
}
こちら を参照してください。
更新 [n + 1]:
これだけは放っておけない。アニメーションが実際に発生していると判断しました。背景色を自動化していないだけです。テキストを追加し、背景と前景を同時にアニメーション化することでこれを行いました。通常の状態では、アニメーションが開始されるとテキストが表示されることはありませんが、背景が「忘れられ」たり、前景が「忘れられたり」することがあります。これは、jquery アニメーションが実際に発生していることを示していますが、指示されたすべての属性をアニメーション化しているわけではありません。好奇心旺盛な方は、こちらで実際の動作をご覧ください。(警告: IE はこれでかなり激しく窒息します)
わかりました、今からいくつかのビデオゲームをプレイします。