html5移动开发使用JQuerymobile,textarea自动适配文字的问题
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>提交界面</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- 引入JQ Mobile所需CsS -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<!-- 引入JQ 脚本文件提高对 JQmobile支持 -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- 引入JQ Mobile所需脚本文件 -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>

<body>
  <div data-role="page" data-theme="a">
     <div data-role="header" data-position="fixed">
      <a href="/index.html" data-role="button">返回</a>
        <h1>新建作业</h1>
     </div>
     <div data-role="content" >
     <label for="name">心得体会:</label>
     <textarea  id="feel" style="resize:none;"></textarea> 
     </div>
     <div data-role="footer" data-position="fixed">
        <div data-role="navbar" data-position="fixed">
           <ul>
             <li>
               <a>
                                        创建作业
               </a>
             </li>
           </ul>
        </div>

     </div>
  </div>
</body>
</html>

大神麻烦为我解答一下好吗,初学html5移动开发,感觉JQuery框架中有使textarea自动适配文字多少而改变高度的问题,但是我并不想让他自己动改变高度!
网上使用的resize:none、width、height、row、col都尝试过 不能改变。还请大神帮忙!

1个回答

自动调整高度是js设置,默认自动调整,不允许自动调整就行了,自己多看下api:http://api.jquerymobile.com/textinput/#option-autogrow


            <textarea id="feel" style="resize:none;"></textarea>
            <script>$(function () { $("#feel").textinput("option", "autogrow", false); })</script>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐