javascript - jQuery 转换未完成

Question

所以我为图像翻转添加了一些过渡:

$(document).ready(function(){
    $('.project').hover(function(){
        $(this).children('.description').stop().slideDown('fast');
    }, function(){
        $(this).children('.description').stop().slideUp('fast');
    });
});

然而，有时描述框只会向下滑动一半，甚至只是其应滑​​动长度的十分之一...描述框是 300 x 300px，应该滑入 300x300px 框...

如果我很快将鼠标悬停在 .project 上，似乎会发生这种情况，stop() 是否可以将其自身添加到队列中，从而在不应该停止的情况下停止操作？

Answer 1

如果您希望立即完成动画，请尝试 stop( true, true ) ；如果您不想完成动画，请尝试 stop( true, false ) ，只需将其反转即可。第一个 true 将清除队列，以便动画可以重新开始。我不完全确定为什么会出错，我很抱歉无法给出更完整的答案，但现在我无法查找它。您可以在这里阅读更多相关信息:http://api.jquery.com/stop/ ，我发现 jQuery API 通常非常有用。