我有一个使用 jQTouch 移动 Web 应用程序框架构建的移动 Web 应用程序,但是当我尝试添加动态 <LI> 元素时,主题开始像疯了一样跳来跳去。包括一个简短的 JavaScript 示例程序来复制该问题。
我在 jqtouch Google Code 票务系统上发布了这个问题
问题 134:滑动在 LI 之前,但在 15 个左右项目后导致主题跳跃,带有示例代码 http://code.google.com/p/jqtouch/issues/detail?id=134
我有一个使用 jQTouch 移动 Web 应用程序框架构建的移动 Web 应用程序,但是当我尝试添加动态 <LI> 元素时,主题开始像疯了一样跳来跳去。包括一个简短的 JavaScript 示例程序来复制该问题。
我在 jqtouch Google Code 票务系统上发布了这个问题
问题 134:滑动在 LI 之前,但在 15 个左右项目后导致主题跳跃,带有示例代码 http://code.google.com/p/jqtouch/issues/detail?id=134
我发现了问题,但还没有解决方法:
在文件主题/jqt/theme.css
删除以下行以减少/消除跳动:
ul.rounded li:first-child, ul.rounded li:first-child a {
border-top: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
您的页面上有任何视频元素吗?
当我在与列表相同的页面上有视频元素时,我遇到了类似的问题。
绕过它: * 为视频创建一个 div * 将视频尺寸设置为 1px * 1px * 将 div 的背景设置为视频缩略图 * 将 div 显示设置为阻止 * 在 div 中插入一个播放带有一些 javascript 的视频:
这解决了抽筋问题。
我与布赖恩一起处理有问题的应用程序。在前 15 个左右之后,手机似乎正在用每个新项目完全重绘视口。
我们希望 Stack 社区会知道一个聪明的解决方法!