jQuery/iScroll - 具有可點擊圖片的滾動面板

Question

我有一個滾動面板（使用iScroll4 & jQuery）導航縮略圖的水平列表，如下所示。

使用我的鼠標，我可以抓住並很好地滑動該面板，作品一種享受。問題是，我現在爲列表中的每個圖像添加了一個單擊事件，因此當用戶抓取並滑動時，它會點擊圖像，導致事件觸發。這很煩人，因爲用戶不想選擇該圖像，他們只是想看看更多。

我該如何做到這一點，如果他們肯定點擊圖像，沒有左或右移動，它選擇圖像，但如果滾動移動那麼它不？

我在說的一個例子可以在Fotorama滑塊插件here上找到。如果你嘗試滑動縮略圖，然後嘗試點擊縮略圖，你會明白我的意思。

任何幫助或建議都不可思議。

UPDATE

我發現有一個onScrollMove並在iScroll4文檔onScrollEnd回調。也許：onScrollEnd: function() { $(".uploaded_images").unbind("click"); }

另一個更新

現在，我已經解決這個通過使圖像雙點擊，而不是單一的了，但我還是想知道它是如何可能的。

Answer 1

Fotorama插件可能在JavaScript中使用了mousedown事件進行拖動，如果它滑動，則會禁用縮略圖的單擊。你修正的方法是在底部添加更多的空間（如果你願意，可以填充），這樣用戶就可以拖動它。或者使用Fotorama插件。或者只是讓用戶可以使用滾動條和滾輪進行滾動。 我會看看iscroll插件，看看我能不能做mousedown事件