不能使用.bind()来绑定悬停

Question

我试验了jQuery.在我尝试的时候,我发现我不能在.bind中使用悬停事件.我不知道出了什么问题.

$(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
  }
 });
});

令人惊讶的是(至少对我而言)是悬停不起作用.其他"点击"和"模糊"工作正常.

以下工作没有任何问题.

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

也许我可以使用上面的代码.但不知道为什么会是一个很大的麻烦.那么任何想法？

谢谢!

Answer 1

在绑定对象时,您需要直接使用mouseenter和mouseleave事件(.hover()使用),如下所示:

$(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() 被定义特地在这里的jQuery的事件代码......它根本不支持像一样的地方其他事件.bind(),因为它不是一个事件,它只是一个功能,帮助您绑定mouseenter和mouseleave事件.