如何在查詢移動中調整文本區域的大小？

你能告訴我如何調整文本區域的大小？其實問題是，我點擊按鈕打開彈出窗口。在我的彈出式屏幕上，我有一個文本區域（面積很小）。如何在查詢移動中調整文本區域的大小？

<textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h" autocorrect="off"></textarea>

我寫在文本區域的字符，比關閉它。我再次打開它，並且它具有與關閉前相同的面積（大面積）？如何調整文本區域的大小，使其以相同的起始大小開始。

我的代碼：

<div data-role="popup" id="CaseInformationScreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false"> 
    <div data-role="header" data-theme="b"> <a href="#" data-role="button" data-corners="false" id="Cancel">Cancel</a> 
     <h1>Case Information</h1> 
     <a href="#" data-role="button" data-corners="false" id="AddButton">Add</a> 
    </div> 
    <div data-role="content"> 
     <div> 
      <img src="img/Documents.png" /> 
     </div> 
     <div data-role="fieldcontain"> 
      <label for="text-12" style="text-align:top;margin-left: 0px;">Case Name:</label> 
      <input name="text-12" id="text-12" value="" type="text" class="caseName_h" autocorrect="off"> 
     </div> 
     <div data-role="fieldcontain"> 
      <label for="caseDate" style="text-align:left;margin-left: 0px;">Case Date:</label> 
      <input name="caseDate" id="caseDate" value="" type="date" class="caseDate_h"> 
      <!--input name="mydate2" id="mydate2" type="date" data-role="datebox" class="caseDate_h" data-options='{"mode": "calbox","useNewStyle":true,"zindex":1200}'/--> 
     </div> 
     <div data-role="fieldcontain"> 
      <label for="textarea-12">Case Notes :</label> 
      <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h" autocorrect="off"></textarea> 
     </div> 
    </div> 
</div>

來源

2013-07-19 user2563256

工作例如：http://jsfiddle.net/Gajotres/7JqRG/3/

只要使用這個CSS：

#text-12 { 
    width: 100% !important; 
    height: 50px !important; 
    max-height: 50px !important; 
}

它將鎖定textarea高度。必須使用重要的值來覆蓋默認值。

來源

2013-07-19 09:02:03 Gajotres

您是否也可以檢查此問題..http：//stackoverflow.com/questions/17707575/unexpected-b ehaviour-shown-when-opening-the-pop-up-screen-in-ipad-usingjquery-m – user2563256

好吧，我會看看。 – Gajotres

$('#text-12').css('width','whatyouwant');

或

$('#text-12').attr('cols','whatyouwant'); //for the width 
$('#text-12').attr('rows','whatyouwant'); //for the height

來源

2013-07-19 08:30:26 PaoloCargnin

不能正常工作.. :( – user2563256

您是否已經將DOM放在DOM準備好了嗎？如果你這樣做的話，那麼問題就出在你把javascript放在哪裏了，我想這是因爲彈出是在DOM準備好之後生成的 – PaoloCargnin

check在這個小提琴上檢查.. !! http：//jsfiddle.net/ravi1989/7JqRG/ – user2563256

如何在查詢移動中調整文本區域的大小？

回答

相關問題