jQuery / iScroll -具有可点击图像的滚动面板

Question

我有一个滚动面板(使用iScroll4 & jQuery)来导航缩略图的水平列表，如下所示。

​

​

用我的鼠标，我可以很好地抓取和滑动这个面板，效果很好。问题是，我现在已经在列表中的每个图像中添加了一个单击事件，所以当用户抓取和滑动时，它会单击一个图像，从而引发事件。这是令人讨厌的，因为用户不想选择该图像，他们只是想看得更远。

我如何做到这一点，如果他们明确地点击图像，没有一个左或右移动，它选择图像，但如果滚动体移动，它没有？

我所说的例子可以在Fotorama滑块插件这里上找到。如果你试着滑动缩略图，然后试着点击缩略图，你就会明白我的意思。

任何帮助或建议都是绝妙的。

更新

我发现在onScrollMove文档中有一个iScroll4和onScrollEnd回调。也许：onScrollEnd: function() { $(".uploaded_images").unbind("click"); }

另一个更新

现在，我已经解决了这一问题，使图像双击，而不是单一，但我仍然想知道这是如何可能的。

Answer 1

Fotorama插件可能使用javascript中的鼠标向下事件进行拖动，如果要滑动，则禁用单击缩略图。您的解决办法是在底部添加更多的空间(如果愿意的话，可以填充)，这样用户就可以拖过这个空间。或者使用Fotorama插件。或者只是为了让用户可以滚动滚动条和滚动轮。我将查看iscroll插件，看看是否可以执行鼠标向下操作。