jquery - 使用 jQuery 触发计时器

Question

我有一个标签列表。

您将鼠标悬停在选项卡上，它会加载到选项卡内容中。

我的客户想要做的是当您将鼠标悬停在主页选项卡中时。现在这导致我的悬停出现一些问题，因为您将鼠标悬停在列表下方，并且它总是轻弹回主页选项卡。这是正确的，但我想做的是等待 3 或 4 秒以重新加载主页选项卡。或者以其他方式加载序列中的下一个悬停选项卡。

希望这是有道理的，

我目前的代码是...

$('div.vertical_tabs ul.st_tabs li a').hover(
        function() {
            $(this).trigger('click');
} , function() {
            $('.home').trigger('click');
}           
});

对此的任何帮助表示赞赏。

Answer 1

基本上它应该是这样的：

$('div.vertical_tabs ul.st_tabs li a').hover(function() {
    clearTimeout($('.home').data('timeout'));
    $(this).trigger('click');   
}, function() {
    var t = setTimeout(function() {
        $('.home').trigger('click');
    }, 2000);
    $('.home').data('timeout', t);
});

这是一个演示：

http://jsbin.com/uyizud/edit#javascript,html,live