jquery延迟2秒后显示
jquery延迟2秒后显示
提问于 2012-04-07 18:27:05
我希望如果用户将鼠标移动2秒(保持鼠标按钮2秒)在一个类上，显示给他隐藏类。怎么样？()
如果您将鼠标串联(几次)移动到类上，您将看到slideToggle自动完成，我不想这样做。怎么才能修好呢？
演示： http://jsfiddle.net/tD8hc/
我试过：
$('.clientele-logoindex').live('mouseenter', function() {
setTimeout(function(){
$('.clientele_mess').slideToggle("slow");
}, 2000 );
}).live('mouseleave', function() {
$('.clientele_mess').slideUp("slow");
})回答 4
Stack Overflow用户
回答已采纳
发布于 2012-04-07 18:39:56
请尝试下面的链接您的问题将解决
http://jsfiddle.net/G3dk3/1/var s； $(‘..clientele logoindex’).live(‘mouseenter’，function() { S=setTimeout(函数(){ $('.clientele_mess').slideDown()；}，2000年；}).live('mouseleave'，函数(){$(‘.clientele_mess’).slideUp(“慢”)；clearTimeout(s) })
Stack Overflow用户
发布于 2012-04-07 18:32:39
这样编写html
<div class="clientele-logoindex">Keep the mouse here
<div class="clientele_mess" style="display: none;">okkkkkkko</div></div>Stack Overflow用户
发布于 2012-04-07 18:38:43
记录计时器何时启动，并在启动新计时器之前检查是否存在：
window.timer = null;
$('.clientele-logoindex').live('mouseenter', function() {
if(!window.timer) {
window.timer = setTimeout(function(){
$('.clientele_mess').slideToggle("slow");
window.timer = null;
}, 2000 );
}
}).live('mouseleave', function() {
$('.clientele_mess').slideUp("slow");
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10057142
复制相关文章
相似问题
腾讯云开发者
