jquery - 如何在鼠标悬停或悬停时连续重复触发？

Question

我有以下脚本，该脚本有效。

如果我将鼠标光标移到“.sample”中的链接上，则会触发“点击”。

我怎样才能实现这个点击连续触发(有点循环)？

$jq('.sample a').mouseover(function(){
    $jq(this).trigger('click');
    return false;
});

我尝试了以下方法，但不起作用(点击仅触发一次，然后停止):

$jq('.sample a').mouseover(function(){
    setInterval(function() { $jq('.nav-sub-browser a').trigger('click'); }, 100);
});

我还尝试了以下解决方案，这是我在 stackoverflow 上找到的。但这个也只触发一次点击:

function triggerClick() {
    $jq('.nav-sub-browser a').trigger('click');
}
var interval;
$jq('.nav-sub-browser a').hover(function() {
    interval = setInterval(triggerClick(), 100);
},
function() {
    clearInterval(interval);
});

我做错了什么？

Answer 1

您尝试过单击吗？或者您使用触发器有什么具体原因吗？

var myInterval = false;
$('.sampleA').mouseover(function(){
   myInterval = setInterval(function(){
       $('.nav-sub-browser a').click();
   }, 100);
});

$('.sampleA').mouseout(function(){
   clearInterval(myInterval);
   myInterval = false;
});

这是一个 jsFiddle，它演示了: http://www.jsfiddle.net/jbenson/dpC7W/