修复了标题和有序列表过滤器问题答案

【问题标题】：Fixed header and ordered list filter issue修复了标题和有序列表过滤器问题
【发布时间】：2013-10-28 11:59:40
【问题描述】：

我正在使用 JQM 和 phonegap 创建一个简单的应用程序。在 Android 中一切都很好，但是当我在 IOS 设备中运行应用程序时，键盘会在屏幕上产生一些奇怪的效果

如果列表没有滚动，一切似乎都在工作，

但是，如果我稍微滚动列表并让键盘出现，那么地狱就会松动：

HTML

<div id="my-wrapper">
  <ul data-role="listview" data-theme="a"  data-filter="true" data-filter-theme='b' data-filter-placeholder="Buscar Producto y/o Droga"  id="RemediosList">
  </ul>
</div>

和 CSS

#my-wrapper {
    top : 45px;
}
#my-wrapper form {
    position :fixed;
    top      : 87px;
    left     : 15px;
    width    : 100%;
    z-index  : 10000;
}

欢迎任何帮助！

【问题讨论】：

尝试插入一些<li> 元素。与 jqm 中的空 <ul> 元素有同样的问题
元素已经动态插入。正如您在屏幕截图中看到的那样

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" /> <title>title</title> <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" /> <script src="js/jquery-1.8.2.min.js"></script> <script src="js/jquery.mobile-1.3.2.min.js"></script> <style type="text/css"> #wrp { padding-top : 45px; } #wrp form { position :fixed!important; top : 13px; left : 15px; width : 100%; z-index : 2; } </style> </head> <body> <div data-role="page" data-theme="a" data-dom-cache="true"> <div data-role="content"> <div id="wrp"> <ul id="search" data-role="listview" data-filter="true" data-filter-placeholder="Sök.." data-inset="false" data-filter-theme="a"> <li><h2>header<h2></li> </ul> </div> </div> </div> </body> </html>