Javascript 当鼠标悬停在页面加载框上时,停止jQuery运行

Javascript 当鼠标悬停在页面加载框上时,停止jQuery运行,javascript,jquery,mouse,Javascript,Jquery,Mouse,我有一个jQuery: jQuery('.slidey').on('hover',function(){ if (jQuery(window).width() > 1151) { jQuery(this).children('.post-content').stop().slideToggle(180); }}); 然而,我遇到了一个问题,如果我加载页面,并且我的鼠标已经在滑动框的位置,那么框将向上滑动,切换将反转。。。所以-我想在悬停时显示的切换状态在我不悬停时显示,并

我有一个jQuery:

jQuery('.slidey').on('hover',function(){
    if (jQuery(window).width() > 1151) {
    jQuery(this).children('.post-content').stop().slideToggle(180);
}});
然而,我遇到了一个问题,如果我加载页面,并且我的鼠标已经在滑动框的位置,那么框将向上滑动,切换将反转。。。所以-我想在悬停时显示的切换状态在我不悬停时显示,并且在我悬停时隐藏,而不是相反

如果jQuery在页面加载时已经定位在鼠标上方,如何让它忽略鼠标,以防止此切换被反转?我看了一下这里的其他问题,解决方案似乎不起作用


希望您能提供帮助。

鉴于
.hover
的规范,我建议同时使用hoverIn和hoverOut,然后使用
slideToggle
slideUp
来代替
slideToggle
,例如:

jQuery('.slidey').hover( 
  function(){
    if (jQuery(window).width() > 1151) {
      jQuery(this).children('.post-content').stop().slideDown(180);
    }
  },
  function(){
    if (jQuery(window).width() > 1151) {
      jQuery(this).children('.post-content').stop().slideUp(180);
    }
  }
);
此外,可在此处找到:

jQuery 1.8中已弃用,1.9中已删除:名称“hover”用作字符串“mouseenter mouseleave”的缩写。它为这两个事件附加一个事件处理程序,处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“hover”伪事件名与接受一个或两个函数的.hover()方法混淆


杰出的非常感谢,此解决方案非常有效。我有点难以理解,你能帮我澄清一下吗?我看了一下规范,发现
.hover
函数首先包含
mouseIn
,然后是
mouseOut
。因此,如果我理解正确,您为我编写的代码意味着当鼠标进入时,它会向下滑动,当鼠标离开时,它会向上滑动,当然,情况并非如此。。。你能澄清一下我在这方面的错误吗?再次感谢您提供的解决方案,非常感谢您的帮助。@SamBrown-检查您的窗口宽度。我必须降低支票值才能让它工作。下面是一个帮助说明正在发生什么的例子。