Javascript jQuery/iScroll-带有可单击图像的滚动面板

Javascript jQuery/iScroll-带有可单击图像的滚动面板,javascript,jquery,Javascript,Jquery,我有一个滚动面板(使用&jQuery)来浏览缩略图的水平列表,如下所示 使用我的鼠标,我可以很好地抓取和滑动这个面板,效果很好。问题是,我现在已经为列表中的每个图像添加了一个单击事件,因此当用户抓取并滑动时,它会单击一个图像,从而引发事件。这很烦人,因为用户不想选择该图像,他们只是想看得更远 如果他们确实点击图像,没有向左或向右移动,它会选择图像,但是如果滚动条移动,它就不会移动,我怎么能做到这一点呢 我所说的一个例子可以在Fotorama滑块插件上找到。如果你尝试滑动缩略图,然后尝试点击缩略

我有一个滚动面板(使用&jQuery)来浏览缩略图的水平列表,如下所示

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

如果他们确实点击图像,没有向左或向右移动,它会选择图像,但是如果滚动条移动,它就不会移动,我怎么能做到这一点呢

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

任何帮助或建议都是了不起的

更新

我发现在iScroll4文档中有onScrollMove和onScrollEnd回调。可能:
onScrollEnd:function(){$(“.uploaded_images”).unbind(“click”)}

另一次更新


现在,我已经通过使图像可以双击而不是单点来解决这个问题,但我仍然想知道这是如何实现的。

Fotorama插件可能使用javascript中的mousedown事件进行拖动,如果要滑动,则会禁用缩略图的单击。你可以简单地在底部增加更多的空间(如果你愿意的话,可以加上填充物),这样用户就可以在上面拖动。或者使用Fotorama插件。或者只是让用户可以用滚动条和滚轮滚动。 我将查看iscroll插件,看看是否可以执行mousedown事件