我正在尝试做一个div悬停时滑出和滑入，即鼠标分别进入和离开。然而，当我多次徘徊进出时，div基本上不断地来回滑动，直到我悬停的次数为止。请参考这个jsFiddle 示例 http://jsfiddle.net/sikusikucom/TQz5U/.
正如您可能已经猜到的那样，我希望能够div一旦鼠标位于元素之外，无论我将鼠标悬停在元素上多少次，都会停止（即滑入）。我认为我对 jQuery 动画的理解缺少一些东西。
$("#state-slider").hover(function() {
$(this).animate({
left: '0'
}, 500);
}, function() {
$(this).animate({ left: "-270" }, 500);
});
谢谢。
你需要jQuery .stop()功能 http://api.jquery.com/stop/。在开始新动画之前将其插入命令链中，以中断任何正在进行的动画。
$('#state-slider').hover(function() {
$(this).stop().animate({ left: 0 }, 500);
}, function() {
$(this).stop().animate({ left: -270 }, 500);
});
工作 jsFiddle =) http://jsfiddle.net/TQz5U/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
