0

説明

ストック jquery モバイル オプションの使用。

次の場合、textarea 自動拡張スクリプトは自動拡張しません。

a) フィールドセット内の一致AND

b) ページの読み込み時に内部にコンテンツがあります。

壊れたコード

    <div data-role="fieldcontain">
      <label for="ta2">Broken:</label>
      <textarea id="ta2" name="ta2" cols="40" rows="4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mi augue, tristique non orci non, interdum ultrices enim. Donec est erat, eleifend euismod tortor vel, feugiat egestas magna.
      </textarea>
    </div>

問題を見る: http://jsfiddle.net/epLaT/4/

4

1 に答える 1

2

高さは調整されません。これは、作成時にテキストエリアが非表示 (折りたたまれたコンテナー内にあるため) であり、表示される高さに依存する高さの計算を適用できないためです。

解決策は、テキストエリアが表示されたら手動で高さ調整を呼び出すことです。解決策を示すためにあなたのフィドルをフォークしました。関連する変更は、コンテナの展開イベント (テキストエリアが表示される場所) をリッスンし、キーの押下をシミュレートして高さの計算をトリガーすることです。

$('fieldset').on("collapsibleexpand", function(event, ui) { //Listen for the event
    $(this).find("textarea").keyup(); //simulate key press
});
于 2013-09-16T09:01:47.973 に答える