タグ ‘jQuery’

[jQuery] autoResizeを初期表示時に実行するには

2009-12-05 技術

　テキストエリアを自動リサイズしてくれる、jQueryプラグイン「autoResize」は非常に便利です。

　今携わっているプロジェクトでも利用しているのですが、お客様から次のようなご要望がありました。

「何かキーを押したらリサイズされるけど、何も押さなくても(初期表示時に)自動的にリサイズして欲しい。」

　以下のようにkeydownイベントを強制的に発生させることで対応しました。

例：RecipeMemoを自動リサイズする場合

$('textarea#RecipeMemo').autoResize({
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    extraSpace : 40
});
$('textarea#RecipeMemo').keydown();

　CakePHPのバリデーションエラーが発生した場合は動かないんですけどね…。

タグ: ,