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

使用jQuery触发计时器

1 个答案: