jQuery字体间距动画错误

jQuery字体间距动画错误,jquery,jquery-animate,jquery-ui-accordion,letter-spacing,Jquery,Jquery Animate,Jquery Ui Accordion,Letter Spacing,我真的是jQuery的初学者,今天我尝试创建这种可爱的水平手风琴菜单,上面有一些文本 现在我让手风琴工作了,但我也试着为文本设置字母间距的动画 编辑: 请注意,宽度动画正在工作,问题是字母间距未设置动画返回到-14px,而是向后跳 我到处找,找不到解决办法 以下是我的jQuery代码: $(document).ready(function() { $("ul li a, p").hover(function() { $el = $(this); $el.animate({w

我真的是jQuery的初学者,今天我尝试创建这种可爱的水平手风琴菜单,上面有一些文本

现在我让手风琴工作了,但我也试着为文本设置字母间距的动画

编辑: 请注意,宽度动画正在工作,问题是字母间距未设置动画返回到-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 });
});
});
-实时代码


谢谢:)

您没有指定哪个web浏览器。我无法用FireFox 12重现这个问题,我假设您遇到了这里描述的JQuery/Internet Explorer错误:

您没有指定哪个web浏览器。我无法用FireFox 12重现这个问题,我假设您遇到了这里描述的JQuery/Internet Explorer错误:

修复JQuery引用它对我有效:如果上面的评论不能解决您的问题:上面的fiddle提供了字母间距动画。那么你的问题是什么?@Simon它在增加间距时确实有效,但由于某种原因,在返回的过程中它会跳跃而不是动画…修复jquery引用它对我有效:如果上面的注释不能解决你的问题:上面的小提琴提供了字母间距动画。那么你的问题是什么?@Simon它在增加间距时确实有效,但由于某种原因,在返回的过程中它会跳跃而不是动画…我实际上使用的是google chrome(在mac上,如果有必要的话),我用firefox对它进行了测试。请注意,宽度动画确实有效,但在返回到-14px间距的过程中,它会跳跃,而不是设置动画。。。感谢您的回复:)您使用的是什么版本的JQuery?你尝试过更新吗?我使用的是最新版本(1.7.2),我实际上使用的是谷歌浏览器(mac上,如果有必要的话),我用firefox测试过。请注意,宽度动画确实有效,但在返回到-14px间距的过程中,它会跳跃,而不是设置动画。。。感谢您的回复:)您使用的是什么版本的JQuery?您是否尝试更新?我使用的是最新版本(1.7.2)