jQueryのアニメーション利用時の不具合解消メモ

jQueryでは簡単にアニメーションが出来るようになっている。
$('#hoge').fadeOut('slow');などとすると、#hogeはフェードアウト効果を得ることができる。

これ、とても便利なのだけど、Firebugなんかでよく見ると、途中でタグにインラインで「display: block;」が入るのだ。要はブロック要素に一瞬変えている。
例えば、インライン要素にフェード効果を与えようとするとぽこっと一段落ちるということになる。
なんで途中でブロック要素に変えないといけないのだろう？ウーム…。

というわけで、ちょっとjQueryのソースに手を入れる。

コンパイルされたものを使っているので、何行目とか言えない。ちなみにver1.2.1は不具合が多いので、今回はver1.1.4をいじっています。

curAnim|try|block|cssFloat

このコードを検索して、blockのところをinlineに変えたらOK。

他に影響が出ないかは・・・保証できません。（今のところ問題なさそう）

関係ないが、2週間もエントリーしていなかったことに自分自身で驚いた…。