2

私は本当に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/-ライブコード

ありがとう :)

4

1 に答える 1

0

どのWebブラウザーを指定していませんでした。FireFox 12 でこの問題を再現することはできません。ここで説明されている JQuery/Internet Explorer のバグに遭遇したと思います: http://bugs.jquery.com/ticket/8627

于 2012-06-14T07:52:01.627 に答える