Question

我搜索了几周的幻灯片插件，可以在使用knockout，bootstrap和jQuery的Phonegap应用程序上运行。不幸的是，没有什么能满足我的需求所以，我构建了一个自定义滑块。它似乎正在工作（我目前正在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设置得比其他元素高。 position属性也设置为relative。

我们非常感谢您提供的任何建议。如果这表现好一点，我会很高兴...好吧，好多了。： - ）

Answer 1

我还没有得到答案，但我最终搞清楚我需要改变什么。首先，我需要检测我的事件并将其捕获到变量中。然后，我还更改了数据绑定和.on函数来检测touchmove而不是touchstart。它现在好多了。

PhoneGap上触摸事件的行为不一致

1 个答案: