jQuery unbind('hover') does not work

jquery unbind
Aximili picture Aximili · Apr 28, 2010 · Viewed 8.7k times · Source

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?

Answer

rahul picture rahul · Apr 28, 2010

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.

Related questions

jQuery bind/unbind 'scroll' event on $(window)

I have this function: function block_scroll(key){ if (key) { $(window).bind("scroll", function(){ $('html, body').animate({scrollTop:0}, 'fast'); }); } else { $(window).unbind(); } } The first part works as it should, but when I later call block_scroll(false) - it's still …

Read More
how to unbind all event using jquery

i can use this code to remove click event, $('p').unbind('click') but , has some method to remove all event ? has a method named unbindAll in jquery ? thanks

Read More
first unbind click and then bind (jquery)

1.I have a onclick event on, $('#locations').click(function(){ $('#train').unbind('click'); //do some stuff } 2.Once the close button is clicked $('.close').click(function(){ //do some stuff } 3.Then again if I click #train $('#train').bind('click', …

Read More