Textを更新2011年5月13日jQueryプラグイン化する以前からの懸念事項だった要素の幅に影響を与えるCSSプロパティの扱いと、子にテキストノード以外が含まれる場合の2つを考慮した感じにしてjquery.harmonize-textを0.2に更新しました。charm!?要素の幅に影響を与えるCSSプロパティ単純にclone()するとtransformプロパティやtransitionプロパティなどで変なことになりそうな気がしたので、要素の幅に影響を与えそうなプロパティを手作業でリストアップしてそれらのみをコピーすることにしました。いう面倒なことはやりたくないって言ってたような気がしますけど、きっと気のせいです。要素の幅に影響を与えるCSSプロパティはborder-collapseborder-left-widthborder-right-widthbox-sizingdisplayfont-familyfont-sizefont-stylefont-variantfont-weightletter-spacingpadding-leftpadding-righttext-transformwhite-spaceword-breakword-spacingword-wrap位だと思います。ベンダー拡張については面倒だったので見なかったことにしました。box-sizingプロパティの値によってはborder-left(right)-widthプロパティも必要になるんじゃないかと思います。漏れてるっぽいのがあったら教えてくれると嬉しいです。今までのテキストだけを拾ってコピーするという方法で大体うまくいくんですけど、以下のようなケースでずれます。amet.</h1>em要素等での幅の変化に対応できないので。他にも内側の要素のスタイルへの考慮もないので色々まずいです。serif;">&amp;</span>creative!</h1>例えばこういうのとかですかね?なので子要素を丸ごとコピーしてしまうことにしました。temp.append(target.<em>contents()</em>.<em>clone()</em>);children()だと子のテキストノード等が拾えないので、contents()で全部拾ってclone()でコピー。jQueryだと町でうわさのアホの子でも書けますね。これでだいたいベースは完成したんじゃないかと思います。今はブラウザーの最小フォントサイズに関わる問題をもっとエレガントに解決する方法を模索中です。あと縦方向のみのリサイズの時には発火しないようにもしたいですね。Toolsの表示切替で発火とかかっこ悪い感じです......。CC/BYTwitterRSSながしまきょう。