jquery - jQuery 宽度动画中的跳跃

Question

我无法弄清楚为什么我的动画会跳跃。有什么想法吗？

http://jsfiddle.net/9F5DK/5/

jQuery(document).ready(function() {

// Animate the single page nav
    jQuery("a#post-nav-next").hover(

          function(){ 

            jQuery("a#post-nav-next span").stop(true, true).animate({width: "toggle", opacity: "toggle"});

        }
    );
});

Answer 1

好吧，我花了一些时间来解决这个问题。通常我不喜欢对原始 html javascript/jquery 进行这么多更改，如果这对您不起作用，那么我深表歉意。这是一个 JSFiddle，我认为它可以满足您的需求...

http://jsfiddle.net/LqHwk/1/

此设置的一个好处是您可以添加任意数量

<div class="post-nav-next">

如您所愿，在包装器内，它们的工作方式都是相同的

顺便说一句，我强烈建议使用 jquery 插件 hoverIntent .