为什么使用 JQTouch 滚动图像会跳动？

Question

我有一堆垂直行的图像，当你滑动到 滚动它们并不顺畅。它往往会跳起来一点 每张照片都映入眼帘。

然而，一旦我滚动浏览图像并备份，第二次就很顺利，就像它们被缓存了一样。我尝试预加载图像，没有任何变化。

有什么想法吗？谢谢。

<div id="pics">
<div class="toolbar">
<a href="#" class="back">Back</a>
<h3>Pics</h3>
</div>
<div id="wrap">
<h1 class="picname">Pic name</h1>
<p class="date">Jan 1, 2010</p>
<img src="1.png">

<h1 class="picname">Pic name</h1>
<p class="date">Jan 10, 2010</p>
<img src="10.png">

<h1 class="picname">Pic name</h1>
<p class="date">Jan 11, 2010</p>
<img src="11.png">

<h1 class="picname">Pic name</h1>
<p class="date">Jan 14, 2010</p>
<img src="14.png">

<h1 class="picname">Pic name</h1>
<p class="date">Jan 17, 2010</p>
<img src="17.png">
</div>
</div>

Answer 1

这是 jqtouch 的问题，你不能大幅改变尺寸，我在动态加载内容时遇到了这个问题，可能有两种解决方案：

• 提供图像尺寸
• 使用 onload/onabort 处理程序逐个加载图像以转到下一个图像