jquery - jQuery unbind（'hover'）が機能しない

Question

バインド解除が機能しません。

$("img.hoverable").hover(ChangeImage, ChangeBack);
$("a img.hoverable").unbind('hover');

HTMLは次のようになります

<img class="hoverable" src="something.jpg"/>
<a href="#"><img class="hoverable" src="something.jpg"/></a>

2番目のHTMLにカーソルを合わせると、ChangeImageは引き続き起動されます。

正しく使っているかわかりませんが、誰かアドバイスしてもらえますか？

Answer 1

試す

$("img.hoverable").unbind('mouseenter mouseleave');

.hover（）メソッドは、mouseenterイベントとmouseleaveイベントの両方のハンドラーをバインドします。したがって、バインドを解除するには、mouseenterとmouseleaveのバインドを解除する必要があります。

Answer 2

hovermouseenterおよびの疑似イベントですmouseleave。したがって、これらのバインドを解除する必要があります。
または、他のハンドラーが接続されていない場合は、パラメーターなしで呼び出し.unbind()ます（ハンドラーを削除します）。

$("a img.hoverable").unbind();

Answer 3

これを試して：

$("img.hoverable").hover(ChangeImage, ChangeBack);
$("img.hoverable").unbind('hover');

Answer 4

.hoverは、mouseenterとmouseleaveのラッパーです。

それらに対してunbindを呼び出してみてください。