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

Question

我有一个滚动面板（使用iScroll4＆amp; jQuery）来导航水平缩略图列表，如下所示。

使用我的鼠标，我可以很好地抓住并滑动这个面板，这是一种享受。问题是，我现在已经为列表中的每个图像添加了一个单击事件，因此当用户抓取并滑动时，它会点击图像，从而导致事件触发。这很烦人，因为用户不想选择那个图像，他们只是想进一步看。

如果他们绝对点击图片，如果没有向左或向右移动，它会选择图像，但是如果滚动条移动则不然？

我所说的一个例子可以在Fotorama滑块插件here上找到。如果您尝试滑动缩略图然后尝试单击缩略图，您将看到我的意思。

任何帮助或建议都会很棒。

更新

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

另一个更新

目前，我通过使图像双击而不是单一来解决这个问题，但我仍然想知道它是如何实现的。

Answer 1

Fotorama插件可能在javascript中使用mousedown事件进行拖动，如果要滑动则会禁用点击缩略图。你修复的只是在底部添加更多空间（如果你愿意，可以填充），以便用户可以拖动它。或者使用Fotorama插件。或者只是使用户可以使用滚动条和滚轮滚动。 我将查看iscroll插件，看看我是否可以执行mousedown事件