jQuery letterSpacing動畫bug

我真的是jQuery的初學者，今天我嘗試創建這種可愛的水平手風琴菜單，並帶有一些文字。jQuery letterSpacing動畫bug

現在我得到了手風琴的工作，但我也試圖爲文字設置動態字母間距。

編輯： 請注意，寬度動畫工作，問題是，字母間距沒有設置動畫回到-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/ - 活碼

謝謝:)

來源

2012-06-14 no_joke

修復jquery引用對我有用：http://jsfiddle.net/d5MYS/2/ – fcalderan

如果以上評論不能解決您的問題：上面的提琴可以提供字母距離動畫。那麼你的問題是什麼？ – iappwebdev

@Simon 它確實工作時增加間距，但出於某種原因在返回它的跳躍，而不是動畫... –

你沒有指定的Web瀏覽器。我無法用FireFox 12重現這個問題，並且我假設你碰到了這裏描述的JQuery/Internet Explorer錯誤：http://bugs.jquery.com/ticket/8627

來源

2012-06-14 07:52:01 jonjbar

我實際上使用谷歌瀏覽器（在Mac上，如果它很重要），我用firefox測試它。請注意，寬度動畫確實有效，但在返回-14px間距的路上，它會跳躍而不是動畫... 感謝您的回覆:) –

您使用的是哪個版本的JQuery？你有沒有嘗試更新？ – jonjbar

我正在使用最新版本（1.7.2） –

jQuery letterSpacing動畫bug

回答

相關問題