我有一个滚动面板(使用iScroll4和 jQuery)来导航缩略图的水平列表,如下所示。
使用我的鼠标,我可以很好地抓住和滑动这个面板,非常棒。问题是,我现在为列表中的每个图像添加了一个单击事件,因此当用户抓取并滑动时,它会单击图像,从而触发事件。这很烦人,因为用户不想选择该图像,他们只是想看得更远。
我怎样才能做到这一点,如果他们确定点击图像,没有左右移动,它会选择图像,但如果滚动条移动,那么它不会?
我所说的一个例子可以在这里的 Fotorama 滑块插件上找到。如果您尝试滑动缩略图然后尝试单击缩略图,您会明白我的意思。
任何帮助或建议都会很棒。
更新
我发现 iScroll4 文档中有一个 onScrollMove 和 onScrollEnd 回调。也许:onScrollEnd: function() { $(".uploaded_images").unbind("click"); }
另一个更新
现在,我已经通过使图像可双击而不是单点来解决这个问题,但我仍然想知道它是如何实现的。