javascript - 画像の変更onmouseoverおよびonmouseoutイベントはIEでは機能しますが、Chrome/FireFoxでは機能しません

Question

私のサイトに別の画像onmouseoverとonmouseoutを表示したい。私は次のものを持っています：

<img src="@(Model.ThumbPath)" alt='@Model.Description' 
     onmouseover='iconMouseOver(this,"@Model.ThumbInvPath")' 
                onmouseout='iconMouseOut(this,"@Model.ThumbPath")'/>

呼び出されたJavascriptメソッド：

function iconMouseOver(targetImg, replaceImg) {
    $(targetImg).attr('src', replaceImg);
}

function iconMouseOut(targetImg, replaceImg) {
    $(targetImg).attr('src', replaceImg);
}

上記のコードはIEで機能しますが、他のブラウザでは機能しません。（私は知っています、そうですか？通常それは逆です）。画像は表示されますが、マウスオーバー/ホバー効果は機能しません。私は何が欠けていますか？

前もって感謝します！

Answer 1

ここに例を用意しました

jQueryホバーメソッドを使用しています