jquery悬停一次？

Question

jquery 使悬停函数执行一次然后停止的方法是什么？

.one() 不起作用..

$(".button-color-2").hover(
  function (){
   dosmth(); 
});

谢谢

Answer 1

Hover绑定(bind) Mouse Enter 的处理程序和 Mouse Leave事件本身并不是一个事件。因此，为了达到与悬停相同的效果，您将有两个只会触发一次的绑定(bind)。

$(".button-color-2").one("mouseenter mouseleave", function(e){
dosmth();
});

如果你想在 mouseenter 和 mouseleave 上做不同的事情，那么绑定(bind)两个不同的处理程序

$(".button-color-2").one("mouseenter", function(e){
dosmth1();
}).one("mouseleave", function(e){
dosmth2();
});

另一种选择是使用悬停，然后在完成后取消绑定(bind)。

$('.button-color-2').hover(function() {
dosmth();
$(this).unbind('mouseenter mouseleave')
});