cannot use .bind() to bind hover

Question

I experimenting with jQuery. As I was trying I found out that I can't use hover event with .bind. And I don't know what is wrong.

$(document).ready(function(){
 $('.some-class').bind({
  hover: function(e) {
  // Hover event handler
   alert("hover");
  },
  click: function(e) {
  // Click event handler
   alert("click");
  },
  blur: function(e) {
  // Blur event handler
  }
 });
});

What is surprising (at least to me) is that hover is not working. The others "click" and "blur" are working fine.

Also the following works without any problems.

$(".some-class").hover(function(){
     // stuff
})

Maybe I can use the above code. But not knowing why is a big nuisance. So any ideas?

Thanks!

Nick Craver · Accepted Answer · 2010-11-06 00:29:18Z

42

You need to use the mouseenter and mouseleave events (which .hover() uses) directly when binding with an object like this:

$(document).ready(function(){
 $('.some-class').bind({
  mouseenter: function(e) {
  // Hover event handler
   alert("hover");
  },
  mouseleave: function(e) {
  // Hover event handler
   alert("hover");
  },
  click: function(e) {
  // Click event handler
   alert("click");
  },
  blur: function(e) {
  // Blur event handler
  }
 });
});

.hover() is defined specially here in the jQuery event code...it simply isn't supported like other events in places like .bind(), since it's not an event, it's just a function to help you bind the mouseenter and mouseleave events.

answered Nov 6, 2010 at 0:29

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jason McCreary · Accepted Answer · 2010-11-06 00:30:51Z

3

Not much of a why, but it is simply not in the spec. Check the doc - hover is not listed in the bindable events.

http://api.jquery.com/bind/

answered Nov 6, 2010 at 0:30

Jason McCreary

73.3k23 gold badges140 silver badges177 bronze badges

Collectives™ on Stack Overflow

cannot use .bind() to bind hover

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related