JQuery 悬停函数超时

Question

我在 SO 上看到了与此类似的其他问题，但答案并不是我想要的。我对下面代码的问题是关于变量 hide。

当前的形式 hide 对第一个悬停函数不可见，但我不想在更高的范围内声明它，因为它在那里没有用处。另外，在更高的范围内声明它需要为每个 li 创建一个不同的变量。

保持这个变量包含这两个函数之间的超时的解决方案是什么？

$('li').hover(function() {
    clearTimeout(hide);
    $('.menu', this).show();
}, function() {
    var menu = $('.menu', this);
    var hide = setTimeout(function() {
        menu.hide();
    }, 500);
});

Answer 1

您可以将值存储为.data()

$('li').hover(function() {
    clearTimeout($(this).data('hide'));
    $('.menu', this).show();
}, function() {
    var menu = $('.menu', this);
    $(this).data('hide', setTimeout(function() {
        menu.hide();
    }, 500));
});