在jQuery中向后点击计数器

Question

我想使用jQuery函数tap和swiperight来实现简单的计数器。因此，点击计数器应该增加其值，并且在swiperight上它应该减少其值。我开始只使用上面提到的功能，但是向右滑动（向后），然后再次点击计数器计数值以增加其值，如同向前滑动一样，而不是从最后一次滑动值计数。

例如：点击5后，计数器显示5，执行2次滑动显示3，但再次点击显示6而不是4。

以下是示例：JSFIDDLE

$('#counter').on('tap',function(){
    $('#counter').html(++i);
});

$('#counter').on('swiperight',function(){
    $('#counter').html(--i);
});

我被困在这里，所以如何纠正呢？任何帮助将不胜感激！

Answer 1

我使用触摸显示屏检查了您的小提琴，它工作正常，当我使用鼠标时存在问题。

我认为问题是当您单击鼠标向右滑动时点击事件会触发。查看jQuery文档以获取更多信息https://api.jquerymobile.com/tap/