SlideToggle（）在悬停事件（jQuery 1.4.1）上无法正常工作

Question

我正在为导航栏创建一个新功能。它用来在你点击它时下降，但新方法是当他们将箭头悬停（指向下）时。

我遇到的问题是我为此编写的脚本在较新版本的jQuery中运行良好，但在本站点版本中无法正常工作。

请参阅使用jQuery的的最新版本例如：http://jsfiddle.net/titanium/wDEjs/

请参阅例如与版本1.4.1：http://jsfiddle.net/titanium/SmhHM/

没有什么错的脚本本身（更新的版本）但它需要改变，所以它在版本1.4.1的工作，以纠正此版本中的错误/错误。即使有人知道错误/错误是什么，并且可以指引我走向正确的方向来解决这个问题，那会很好。

我明白最好的做法是使用更新版本的jQuery，但我已经尝试过这一点，它似乎在网站上弄出了一些东西（这是一个非常大的网站）。

下面是我用此刻的代码（jQuery中的最新版本正常工作）：

HTML

<ul> 
    <li>Page <span>sub</span></li> 
    <li>Page <span>sub</span></li> 
    <li>Page <span>sub</span></li> 
    <div class="clear"></div> 
</ul> 

<div class="sub"> 
    <p>Some stuff here for the menu</p> 
</div> 

CSS

ul { 
    margin:0; 
    padding:0; 
} 
li { 
    float:left; 
    padding:0 50px; 
    background-color:#eee; 
} 
span { 
    cursor:pointer; 
} 
.clear { 
    clear:both; 
} 
.sub { 
    width:400px; 
    height:300px; 
    display:none; 
    background-color:#ccc; 
} 

Javascript

$(document).ready(function() { 
    $("span, .sub").hover(function() { 
     $(".sub").stop(true, false).slideToggle(); 
    }); 
}); 

Answer 1

一个解决在这种情况下（不是一个很好的人，但它的工作原理，特别是与旧版本的jQuery库打交道时）：

<script src="/js/jquery-1.4.1.min.js"></script> 
<script src="/js/jquery-1.9.1.min.js"></script> 
<script> 
    var jQuery_1_9_1 = $.noConflict(true); 
</script> 

当你打电话给你的jQuery的功能，而不是使用全球变量$使用您创建的变量。在这种情况下，这将是jQuery_1_9_1。

的最终结果将是这一变化的脚本：

$(document).ready(function() { 
    $("span, .sub").hover(function() { 
     jQuery_1_9_1(".sub").stop(true, false).slideToggle(); 
    }); 
}); 

Answer 2

不要t know really why its working like that, but it does work with jquery 1.4.1 and if you change the second parameter of the stop, to true, it要工作，buggier一点，但它ll work, cause it会跳到动画的结尾，如果你离开那虚假发生的事情是，如果你不t let the animation finish, it会然后滑动到前点它结束。