Jquery:一定时间后触发鼠标悬停

Question

我遇到了以下问题:我有一个 h2，嵌套在一个 id 为:<div id="hidediv1">. 的 div 中。
我得到了这个代码

$("#hidediv1").mouseover(function(){
  $('#hide1').show(500);
});
$("#hidediv1").mouseleave(function(){
  $('#hide1').hide(500);
});

我希望你必须将鼠标悬停在 div 上至少 1 秒才能触发它。我知道，有几个关于 stackoverflow 的问题，但我无法将它们应用到我的代码中。
请帮忙!
谢谢。

Answer 1

您可以使用以下方式延迟它:

$("#hidediv1").mouseenter(function() {
  $('#hide1').delay(1000).show(500);
}).mouseleave(function() {
  $('#hide1').stop(true).hide(500);
});

stop(true) 会避免一些队列未决问题。

顺便说一句，在大多数情况下，您最好使用 mouseenter 而不是 mouseover。