Jquery 需要添加悬停意图吗？

我真的卡住了。 基本上，我对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>

jQuery（'cc'）.mouseover（函数（）{
$（“squareleft3”）.hide（）；
$（“twitter”）.hide（）；
$（“facebook”）.hide（）；
$（“squareright”）.hide（）；
$（“getintouch”）.hide（）；
$（“getintouch2”）.hide（）；
$（“getintouch3”）.hide（）；
$（“vicarimage”）.hide（）；
$（“squaredown2”）.hide（）；
$（“squareleft2”）.hide（）；
$（“一”）.hide（）；
$（“whatis”）.hide（）；
$（“squaredown”）.hide（）；
$（“whoware”）.hide（）；
如果（$（“whoware:first”）是（“：hidden”））
如果（$（“squaredown:first”）是（“：hidden”））
如果（$（（$squareleft3:first”）.is（“：hidden”）{
如果（$（“twitter:first”）.is（“：hidden”））
如果（$（（“squareright:first”）。是（“：隐藏”））
如果（$（“getintouch:first”）.是（“：隐藏”））
如果（$（（$getintouch2:first”）。是（“：隐藏”））
如果（$（（$getintouch3:first”）。是（“：隐藏”））
如果（$（“vicarimage:first”）.是（“：隐藏”））
如果（$（（$squaredown2:first”）。是（“：隐藏”））
如果（$（（$squareleft2:first”）。为（“：隐藏”））
如果（$（“一：第一”）是（“：隐藏”））
如果（$（“whatis:first”）是（“：hidden”））
jQuery（'getIncolved'）.fadeIn（）；
jQuery（'squareleft'）。slideToggleWidth（）；
}否则{
$（“squareleft”）.hide（）；
$（“GetIncluded”）.hide（）；
} } );

干杯。

拿一份

将其链接到您的

头部

区域

不要使用

mouseOver（）

，而是使用

hoverIntent（）

有各种其他选项可用于调整定时阈值（请参阅文档）

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

都是

$（“getintouch2”）.hide（）类或ID是指什么？
getintouch2
是一个类吗？如果是这样，它前面需要有一个句点，如果它是一个id，那么前面需要有一个散列或
$（“#getintouch2”）.hide（）如果它是一个ID

我认为使用
鼠标悬停
而不是
鼠标悬停
会更符合您的需要，然后您的if语句我认为有点混乱，如果使用多个if，您需要在它们之间放置&&以将它们链接成一个，我可能说错了，但我会阅读更多jquery教程，因为整个事情有点奇怪。幸运的是，我花了一段时间来学习Jquery，大量的尝试和错误，以及大量的堆栈溢出问题

如果您使用较小的代码块，人们通常会帮助您编写代码，尤其是如果您有一个小示例，说明您正在尝试在上面执行的操作
当人们使用JSFIDLE时，帮助他们变得更快更容易。所以我会把你的代码分解成一个小例子，试着一次解决一个问题，如果你有一个
if
语句不起作用，另一个也不会起作用，但是您发布了太多的代码，这可能会让大多数人难以接受，如果您将其发布到JSFIDLE或将其缩小很多，他们会用正确的代码回答您。所以，一次只做一件，堆栈溢出是天赐之物，记住，我在这里学到了很多东西，我得到了很多帮助，人们花了很多时间帮助别人，这几乎是鼓舞人心的。。让我也想帮助别人

哦，hoverIntent是我经常使用的一个很棒的插件，它使得如果人们在屏幕上移动鼠标，可能从屏幕底部一直到导航，它不会激活所有的鼠标悬停/悬停效果，他们必须将鼠标降到一定的速度才能产生效果，这太完美了。
好的悲伤，每一只老鼠都有很多事情要做。你能帮忙吗？我快发疯了。。最简单的方法是通过点击而不是鼠标盖来操作它，这样它就可以及时清除任何干扰。但是我更愿意使用鼠标盖。你所有的选择器都错了。（除非你有一些非常奇怪的HTML）我并不想不屑一顾，但好的第一步可能是一本jQuery书籍或教程。。这显然是一种可怕的淡入淡出的方式，你能给我一个快速的指针，告诉我如何做到这一点，但要有悬停的意图吗？悬停的意图只会降低鼠标指针的灵敏度，因为在触发之前需要一定数量的毫秒不移动。如果您需要关于如何改进代码的一般性建议，这超出了本问题的范围。但对于初学者来说，您应该专注于更好地掌握jQuery选择器如何避免使用多个条件语句。请看toggle（）。研究对多个元素使用一个类，这样一个$（'.socialbadges'）.toggle（）就可以替换许多if（）了。不知道你的文档是什么样子的，但是假设一个DIV里面有一堆其他的标记，所有这些标记都有一个“socialbadges”类，并且为了在你鼠标进出时隐藏和显示它们，你需要这样的东西：$（'DIV#someContainer'））.hoverIntent（函数（）{$（'.socialbadges'）.slideToggle（）}）。如果你不知道自己想要达到什么目标，就不能说更多。基本上看起来是这样的。。每个框都有该脚本，使其在空框中显示内容。但是，它还必须首先从可能已经显示内容的其他框中清除任何内容，隐藏所有内容。每个出现的框都有一个css设置为display:none。希望你能帮忙！我认为这超出了评论的范围。您应该更新您的原始问题，以包含所有这些信息，以及（大大减少的）相关HTML版本。然后，我或其他人可以完整地查看问题，并回答（或编辑我们的答案）。