jQuery 1.4.2悬停方法:鼠标悬停和鼠标移出问题
jQuery 1.4.2悬停方法:鼠标悬停和鼠标移出问题
提问于 2010-04-14 02:06:07
在鼠标经过H1标签之后，我有以下代码来显示文章的段落，但是如果鼠标随意经过H1标签(它们在一个页面中有几个)，我想阻止显示段落，所以用户必须在H1标签上停留一段时间才能显示文章段落。另一方面，如果用户推出了H1，但经过了P标记，则段落不会切换。
这是我现在已经写好的jQuery代码：
$("div#postContainer p").hide(); //By default, we hide the post paragraph
$("div#postContainer h1").hover(function() {
$(this).removeClass("less").addClass("more");
$(this).next("p").animate({opacity:"show",height:"toggle"}, "slow");
}, function() {
$("div#postContainer h1 span").removeClass("more").addClass("less");
$(this).next("p").animate({opacity:"hide",height:"toggle"}, "normal");
});如果有人知道解决方案，我非常感谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2010-04-14 02:14:36
window.setTimeout() (带有window.clearTimeout())就是您所需要的。
var myInterval;
$("...").hover(function() {
myInterval = window.setTimeout(function() {
// display
}, 500);
}, function() {
window.clearInterval(myInterval);
// hide if visible
});另外，将.hover附加到div#postContainer，而不是div#postContainer h1。当你将鼠标移到p上时，你的帖子不会消失。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2631960
复制相关文章
相似问题
腾讯云开发者
