我花了数周时间寻找一个可以在 Phonegap 应用程序上使用敲除、引导程序和 jQuery 的幻灯片插件。不幸的是,没有什么能满足我的需要。所以,我建立了一个自定义滑块。它似乎正在工作(我目前正在 Android 2.3.4 上对其进行测试 - 我从我们计划支持的最低版本开始),但它并不总是响应。touchstart 事件似乎相当敏感。有没有人对我如何使用户体验更加一致和对 touchstart 事件作出反应有任何想法?我已经对此进行了几天的研究,似乎其他人也有类似的问题,但与我的完全不同。而且似乎没有一个问题有明确的答案。Phonegap 是否有触摸事件的问题?
这是我的淘汰赛功能:
performSlide: function() {
$('#sliderDiv').on({ 'touchstart' : function() {
$('div.slideArrow').animate({
left: "+=200"
}, 1000, function() {
shell.navigate('home', 'slide');
});
}
});
}
我在 div 上使用事件绑定器来调用该函数。
<div class="linkHeader" id="sliderDiv" data-bind="event: { touchstart: performSlide }">
我还确保我的 div 的 z-index 设置得高于其他元素。位置属性也设置为相对。
提供的任何建议将不胜感激。如果这表现得更好一点,我会很高兴......好吧,好多了。:-)