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。

Answer 2

$(document).ready(function(){
$("#div1").mouseover(function(){
    $("#div2").hide(1000);
});
$("#div1").mouseout(function(){
    $("#div2").show(1000);
    });
});

试试这个..

Jquery：在一段时间后触发鼠标悬停

2 个答案: