8

My unbind does not work.

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

The HTML could be like this

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

When I hover over the second HTML, ChangeImage is still fired.

I am not sure if I am using it correctly, can anyone please advise?

Aximili
  • 27,518
  • 51
  • 150
  • 202

4 Answers4

15

Try

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

The .hover() method binds handlers for both mouseenter and mouseleave events. So inorder to unbind you will have to unbind mouseenter and mouseleave.

rahul
  • 179,909
  • 49
  • 229
  • 260
5

hover is a pseudo event for mouseenter and mouseleave. So you have to unbind these.
Or if no other handler is attached, call .unbind() without parameters (removes any handler).

$("a img.hoverable").unbind();
Felix Kling
  • 756,363
  • 169
  • 1,062
  • 1,111
0

Try this:

$("img.hoverable").hover(ChangeImage, ChangeBack);
$("img.hoverable").unbind('hover');
Krunal
  • 3,373
  • 3
  • 21
  • 27
0

.hover is a wrapper for mouseenter and mouseleave.

Try calling unbind on those.

Francisco Soto
  • 10,151
  • 2
  • 35
  • 46