我动画一个的宽度li在一个简单的代码片断使用jQuery元件。 我使用hover()作为处理函数和.animate()以动画的宽度。 这里是我的代码。
$('li').each(function() {
//store the original width of the element in a variable
var oldWidth = $(this).width();
$(this).hover(
function() {
//when the mouse enters the element, animate width to 900px
$(this).animate({width: '900px'}, 600, 'linear')
},
function() {
//when the mouse leaves, animate back to the original width
$(this).animate({width: oldWidth}, 350, 'linear')
}
);
});
该代码是真的很简单，用镀铬非常奇怪的怪癖的作品，但 。 当进出动画的元素，在li元素“换血”，好像他们真的寒冷并发抖。 你可以在这里看到一个活生生的例子行为： http://missmd.org/ （编辑：现在的错误是固定的）
我的动画一堆东西用jQuery之前从来没见过这种行为。 是否有它为什么发生任何解释，我怎样才能解决呢？ 我不知道是否是因为我已经浮动元素的权利和我的动画到左边。 该缺陷是郁闷，并从整体上呈现了很多（至少对我来说）减损。 任何其他前看到了这一点？
编辑澄清：这不是实际的li元素“不寒而栗”这是从左至右非常快的动画运行的是轻微但显着摇摇内的文字。 我难倒。
编辑二：现在用CSS摆弄了一下后，我只能重现（对我来说21.0.1180.60的β-M）在Chrome的影响。 在Firefox它按预期工作。 它还在IE的伟大工程。 很讽刺的是，Chrome浏览器（通常是用这个东西大）现在给我找麻烦。 拉头发，检查理智
这是我的HTML帮助到这条底线。 我们转载ChrisFrancis'的jsfiddle问题。
<nav>
<ul class="nav">
<li class="one">
<a href="homeandnews/">
<span class="title">Home and News</span>
<br/>
<span class="subtitle">Learn more about me and read general updates!</span>
</a>
</li>
</ul>
<nav>
我彻底难倒。 这也可能是在Chrome / V8 JS引擎中的错误和我们没有什么可以做的。
