如何解決移動中的跳動問題 <LI> 流jQTouch移動Web應用（iPhone JavaScript）

Question

我有一個使用jQTouch移動Web應用程序框架構建的移動Web應用程序，但是當我嘗試添加動態<LI>元素時，主題開始瘋狂地跳來跳去。 包括一個簡短的JavaScript示例程序，該程序可以復制問題。

我在jqtouch Google Code票務系統上發布了此問題

問題134：下拉菜單會在LI之前加上，但會導致15個項目后出現主題跳躍，帶有示例代碼http://code.google.com/p/jqtouch/issues/detail?id=134

Answer 1

我發現了問題，但還沒有解決方法：

在文件themes / 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;
}

Answer 2

您的頁面上是否有任何視頻元素？

當視頻元素與列表位於同一頁面時，我遇到了類似的問題。

要解決它：*為視頻創建一個div *將視頻尺寸設置為1px * 1px *將div的背景設置為視頻縮略圖pic *設置div顯示為阻止*在播放div的div中插入一個鏈接帶有一些javascript的視頻：

那解決了混蛋。

Answer 3

我與Brian一起處理了有問題的應用程序。 似乎手機在前15個左右后完全重繪了每個新項目的視口。

我們希望Stack社區知道一個聰明的解決方法！