Question

我真的是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 });
});
});

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

谢谢：）

Answer 1

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

jQuery letterSpacing动画bug

1 个答案: