JQuery效果继续迭代
提问于 2013-11-13 02:37:52
我在父div中有一个div，它通常是隐藏的。当您将鼠标悬停在父div上时，子div将可见。我使用JQuery .toggle()来获得这个效果。问题是，如果你MouseIn和MouseOut非常快，重复地在父分区上，子分区被切换了那么多次。有没有办法防止这种情况发生，它会减慢我的页面速度？
JSFIDDLE：http://jsfiddle.net/vY59g/1/
我的JQuery：
$(document).ready(function() {
$(".result").hover(function() {
$(this).find(".result-user-facts").toggle("slow");
});
});
回答 3
Stack Overflow用户
发布于 2013-11-13 02:39:28
Stack Overflow用户
发布于 2013-11-13 06:18:19
如果您想让事情变得更好，只要将div:.result-user-facts放入一个变量中即可。如下所示：
$(function (){
var container = $(".result");
var item = container.find(".result-user-facts").eq(0);
$(".result").hover(function (){
item.stop().toggle("slow");
});
});Stack Overflow用户
发布于 2013-11-13 02:39:08
在匹配的元素上停止当前运行的动画。
$(document).ready(function() {
$(".result").hover(function() {
$(this).find(".result-user-facts").stop(true,true).toggle("slow");
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19944194
复制相关文章
腾讯云开发者
