1

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

在此处输入图像描述

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

我怎样才能做到这一点,如果他们确定点击图像,没有左右移动,它会选择图像,但如果滚动条移动,那么它不会?

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

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

更新

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

另一个更新

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

4

1 回答 1

0

Fotorama 插件可能在 javascript 中使用 mousedown 事件进行拖动,如果要滑动,则禁用缩略图的单击。您修复的方法是简单地在底部添加更多空间(如果您愿意,可以使用填充),以便用户可以拖动它。或者使用 Fotorama 插件。或者只是让用户可以使用滚动条和滚轮滚动。我将查看 iscroll 插件,看看我是否可以执行 mousedown 事件

于 2012-06-20T02:40:52.940 回答