Question

我真的被困住了。基本上我是jquery的新手，但是需要在mousover上添加一些计时器，这样如果鼠标遍布整个页面，页面就不会搞砸了。这是我的剧本.. 无论如何，我可以轻松实现它？

<script>
jQuery('cc').mouseover(function () {  
$("squareleft3").hide();  
$("twitter").hide();  
$("facebook").hide();  
$("squareright").hide();  
$("getintouch").hide();  
$("getintouch2").hide();  
$("getintouch3").hide();  
$("vicarimage").hide();  
$("squaredown2").hide();  
$("squareleft2").hide();  
$("one").hide();  
$("whatis").hide();  
$("squaredown").hide();  
$("whoweare").hide();  
if ($("whoweare:first").is(":hidden"))   
    if ($("squaredown:first").is(":hidden"))   
    if ($("squareleft3:first").is(":hidden")) { 
    if ($("twitter:first").is(":hidden"))  
if ($("squareright:first").is(":hidden"))  
if ($("getintouch:first").is(":hidden"))
if ($("getintouch2:first").is(":hidden")) 
if ($("getintouch3:first").is(":hidden"))
if ($("vicarimage:first").is(":hidden"))
if ($("squaredown2:first").is(":hidden"))
if ($("squareleft2:first").is(":hidden"))
if ($("one:first").is(":hidden"))
if ($("whatis:first").is(":hidden"))
jQuery('getinvolved').fadeIn(); 
jQuery('squareleft').slideToggleWidth();
} else {
$("squareleft").hide();
$("getinvolved").hide();
} } );
</script>

干杯。

Answer 1

抓取hoverIntent的副本。

将其链接到HEAD区域。

而不是mouseOver()，请使用hoverIntent()

调整时序阈值还有各种其他选项（参见文档）。

正如其他人所指出的，你的代码到处都是。但是hoverIntent确实解决了时间问题。

Answer 2

是您所指的所有$("getintouch2").hide();个类或ID？是getintouch2一个班级？如果是这样，它需要在它前面有一个句点，或者如果它是一个id，则需要在它之前有一个哈希值。像这样：$(".getintouch2").hide();用于课程，或$("#getintouch2").hide();如果是ID。

我认为使用hover代替mouseover会更符合您的要求，然后我认为您的if语句有点混乱，如果使用多个if，则需要放置＆amp;＆amp;在他们之间将它们连接成一个，我可能说错了，但我会阅读更多的jquery教程，因为整个事情都是一种怪异的东西。祝你好运，我花了一些时间学习Jquery，大量的试验和错误，以及大量的Stack Overflow问题。

如果您使用较小的代码段，人们通常会帮助您使用代码，尤其是如果您在http://www.jsfiddle.com上尝试做的事情的一小部分示例当他们使用Jsfiddle时，它会更快更容易地帮助人们。所以我会把你的代码分解成一个小例子，如果你有一个if语句不能正常工作，那么尝试让一个问题得到解决，如果你有一个{{1}}语句不能正常运行这么多的代码对于大多数人来说可能是压倒性的，如果你把它发布到jsfiddle，或者如果你把它变得更小，那么否则会用正确的代码回答你。所以一次完成一件事，Stack溢出是天赐之物，记住，我在这里学到了很多东西，我得到了很多帮助，人们花了很多时间去帮助别人，这几乎是鼓舞人心的......让我也想帮助其他人。

哦，而且hoverIntent是我经常使用的一个很棒的插件，如果这个人将鼠标移动到屏幕上，可能是从屏幕底部直到导航，它就不会激活所有的鼠标悬停/悬停效果，他们必须将鼠标放慢到一定的速度才能使效果发生，这是完美的。

需要添加悬停意图吗？

2 个答案: