javascript - JQuery 悬停函数超时

Question

我在 SO 上看到过其他类似的问题，但答案并不完全是我想要的。我的问题与下面的代码有关变量隐藏。

在当前的形式中，第一个悬停函数将看不到它，但我不想在更高的范围内声明它，因为它在那里没有用处。另外，在更高的范围内声明它需要为每个 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));
});