私は JS/JQuery を使用して、フェードアウトして別のデータ (この場合は写真) でフェードインし、マウスを離すと反転するタイルを作成しようとしています。私のコードは Chrome で正常に動作しますが、FireFox でテストすると、フェードイン/フェードアウト コマンドが実行され続けます。人々がコードを使用する同様の状況を調べました$(this).stop().fadeOut(function()
が、複数のフェードを行って情報をロードしているため、アニメーションが正しく行われません。誰もこれに対する解決策を知っていますか?
<script>
$(document).ready(function()
{
var hov = false;
$(".previewBox").mouseenter(function()
{
if(hov === false)
{
hov = true;
$(this).fadeOut(function()
{
$(this).load(function()
{
$(this).fadeIn();
});
$(this).attr("src", "Images/Portfolio/Art_Bike_Flip.png");
});
};
});
$(".previewBox").mouseleave(function()
{
if(hov === true)
{
hov = false;
$(this).fadeOut(function()
{
$(this).load(function()
{
$(this).fadeIn();
});
$(this).attr("src", "Images/Portfolio/Art_Bike_Preview.png");
});
};
});
});
</script>`enter code here`