我目前正在与 apache cordova / phonegap 结合使用一个 jquery 移动项目。我试图实现一个简单的用户界面,但是在使用文本输入时会出现问题。
当我触摸输入并在其中输入一些单词时,一切都很好。离开输入后,它会调整为更小的尺寸和属于它的标签。我尝试了很多并用谷歌搜索,但我没有解决方案。
我会向您发布我的代码并希望有人得到提示。
谢谢你。
<div data-role="page">
<!-- data-position="fixed" verursacht Probleme mit den Textinputs -->
<div data-role="header" data-position="fixed" data-tap-toggle="false">
<h1>Storage Test</h1>
</div>
<div data-role="content">
<input type="text" name="filename" id="filename" value=""/>
<!-- Console -->
<ul data-inset="true" data-role="listview" id="console" style="width:50%">
<li data-role="list-divider" role="heading">Console</li>
</ul>
<!-- Control -->
<ul data-inset="true" data-role="listview" id="control" style="width:48%; position:fixed; top:58px; right: 1%">
<li data-role="list-divider" role="heading">Control</li>
<li data-role="fieldcontain">
<label for="filename">Filename:</label>
<input type="text" name="filename" id="filename" value=""/>
</li>
<li>
<button data-theme="b" type="submit">Save to file system</button>
</li>
</ul>
</div>
</div>
</body>