我遇到了以下问题:我有一个 h2,嵌套在一个 id 为:<div id="hidediv1">.
的 div 中。
我得到了这个代码
$("#hidediv1").mouseover(function(){
$('#hide1').show(500);
});
$("#hidediv1").mouseleave(function(){
$('#hide1').hide(500);
});
我希望你必须将鼠标悬停在 div 上至少 1 秒才能触发它。
我知道,有几个关于 stackoverflow 的问题,但我无法将它们应用到我的代码中。
请帮忙!
谢谢。
最佳答案
您可以使用以下方式延迟它:
$("#hidediv1").mouseenter(function() {
$('#hide1').delay(1000).show(500);
}).mouseleave(function() {
$('#hide1').stop(true).hide(500);
});
stop(true)
会避免一些队列未决问题。
顺便说一句,在大多数情况下,您最好使用 mouseenter
而不是 mouseover
。
关于Jquery:一定时间后触发鼠标悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41058282/