html-lists - JQTouch - li 中的链接在滚动后不起作用

Question

我有一个使用 JQTouch 的排序列表。该列表包含大约 20 个包含不同链接的 li 元素。屏幕上没有滚动的第一个 li 工作得很好。但是当我在我的 iPhone 上向下滚动后，链接不再起作用。

这是代码片段：

<ul class="rounded">
<li class="arrow"><a id="1" href="#opdracht">1. Typical Amsterdam</a></li>
<li class="arrow"><a id="2" href="#opdracht">2. Route</a></li>
<li class="arrow"><a id="3" href="#opdracht">3. Directions</a></li>
<li class="arrow"><a id="4" href="#opdracht">4. Shops</a></li>
---
<li class="arrow"><a id="5" href="#opdracht">9. Sightseeing</a></li>
<li class="arrow"><a id="6" href="#opdracht">10. Contact</a></li>
</ul>

我真的不知道我做错了什么。我希望有人可以帮助我。

例如，请在您的 iPhone 上访问：http ://www.wappdesign.nl/teamuitje ，并在滚动后尝试访问该链接。

Answer 1

在jqtouch.min.js文件中

在“handleTouch”功能中有：

startX = event.changedTouches[0].clientX,
startY = event.changedTouches[0].clientY,

这些行需要更改为：

startX = event.changedTouches[0].pageX,
startY = event.changedTouches[0].pageY,

请参考此链接 https://github.com/senchalabs/jQTouch/issues/297