jQuery letterSpacing 动画错误

Question

我确实是 jQuery 的初学者，今天我尝试创建这种可爱的水平 Accordion 菜单，上面有一些文本。

现在我可以让 Accordion 工作了，但我也尝试为文本的字母间距设置动画。

编辑:请注意，宽度动画正在工作，问题是字母间距没有动画后到-14px，而是跳回来。

我到处搜索都找不到解决方案。

这是我的 jQuery 代码:

$(document).ready(function() {
$("ul li a, p").hover(function() { 

    $el = $(this);

    $el.animate({width: "200px", letterSpacing: "0px"
}, { queue:false });
}, function() { 

    $el = $(this);

    $el.animate({width: "120px", letterSpacing: "-14px"
},{ queue:false });
});
});

http://jsfiddle.net/d5MYS/ - 实时代码

谢谢:)

Answer 1

您没有指定哪个网络浏览器。我无法使用 FireFox 12 重现此问题，我假设您遇到了此处描述的 JQuery/Internet Explorer 错误:http://bugs.jquery.com/ticket/8627