javascript - 如何立即为 hover() 函数调用 handlerOut？

Question

总的来说，我是 Javascript 和 jQuery 的新手。我有以下简单的 jQuery 代码片段，它可以改变/动画化圆的宽度:

<script type="text/javascript">
    $("#circle").hover(function() {
        $(this).animate({width: "100%"}, 3000)
    },function() {
        $(this).animate({width: "100px"}, 3000)
    });
</script>

但是，我真正想要的是中断 handlerIn 函数(悬停中的第一个函数)并在我的鼠标离开圆圈时立即调用 handlerOut。意思是，当我将鼠标悬停在圆上时，圆应该动画(增加)宽度，但是一旦我的鼠标离开，它应该动画回到(减少)到原始宽度(而不是达到 100% 宽度然后返回背部)。希望这是有道理的。谢谢

Answer 1

看看这是否有效。

http://api.jquery.com/stop/

<script type="text/javascript">
    $("#circle").hover(function() {
        $(this).animate({width: "100%"}, 3000)
    },function() {
        $(this).stop();
        $(this).animate({width: "100px"}, 3000)
    });
</script>