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

时间:2016-12-09 10:30:05

标签: jquery html

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

stop(true)会避免一些待排队的问题。

顺便说一句,在大多数情况下,您最好使用mouseenter代替mouseover

答案 1 :(得分:0)

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

试试这个..