マウスオーバーまたはホバーでトリガーを継続的に繰り返すにはどうすればよいですか？

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ので見つかった以下のソリューションを、試してみました。しかし、これも1度だけクリックを誘発します：

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/

Answer 2

あなたは関数リファレンスsetIntervalから渡す必要があるので、末尾の()triggerClick後を取り除く：

function triggerClick() { 
    $jq('.nav-sub-browser a').click(); 
} 

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