jquery - jQueryMobileの成長するテキスト領域とAJAXデータ

Question

を介して入力ボックスにテキストを読み込ん$("textarea").val(ajaxData);でいますが、自動拡張されず、データが完全に表示されません。更新を強制するために呼び出すことができるメソッドまたは何かがありますか？

Answer 1

という名前のサイズ変更を担当する内部関数が実際にありresizeCheck()ます。ただし、その関数はプライベート実装の詳細であり、パブリック メソッドとしてウィジェットによって公開されません。

ただし、これは回避できます:resizeCheck()はウィジェットのkeyupイベント ハンドラーによって呼び出されるため、新しい値を設定した後、自分でそのイベントをトリガーできます。

$("textarea").val(ajaxData).keyup();

これにより、新しいテキストを「手で」入力した場合とまったく同じ方法でウィジェットのサイズが変更されます。

Answer 2

var offset=15;
$("textarea").val(ajaxData);
$("textarea").height($("textarea").innerHeight() + offset)

あなたのケースで機能する場合は、オフセットなしで試すことができます。必要に応じてオフセット値を変更することもできます

Answer 3

CSS を使用してコンテナ要素に height : 'auto' を指定する必要があります。

静的な高さを書いた場合、自動成長しません。