javascript - JQuery悬停问题

Question

我使用 jquery hover 方法调用如下函数

$(<some_element>).hover(function(){animate("next",true);},function(){});

但是，仅当鼠标进入元素时才会调用 animate 函数。只要鼠标也悬停在元素上，我就希望它继续被调用。

有什么办法可以实现吗？

谢谢。

Answer 1

你可以在没有全局变量等的情况下做到这一点:

$(<some_element>).hover(function(){
  $(this).data("anim",setInterval(function() { animate("next",true); }, 500));  
},function(){
  clearInterval($(this).data("anim"));
});

这种方法也适用于多个元素，因为间隔存储在本地。只需将 500(半秒)更改为您想要设置动画的频率即可。