jquery - SmoothDivScroll 可点击项目

Question

我在我的网站中使用 smoothdivscroll 插件来实现缩略图功能。除了 iPad 浏览器(我还没有在 iPhone 浏览器中进行测试)之外，桌面浏览器中的一切都运行良好。这是我的 JavaScript 代码:

$("div#thumbScrollable").smoothDivScroll({
  hotSpotScrolling: false,
  touchScrolling: true,
  manualContinuousScrolling: true,
  mousewheelScrolling: false,
  //visibleHotSpotBackgrounds: "",
  //hotSpotScrolling: false,
  //visibleHotSpotBackgrounds: "",
  //mousewheelScrollingStep: 45,
  //mousewheelScrolling: "vertical",
  //touchScrolling: true
  scrollToAnimationDuration: 500,
  setupComplete : function() {

  }
});

在 ipad 中查看时，用户可以通过触摸和拖动/滑动手指进行滚动，效果很好。但是我在 smoothdivscroll ITEM 上附加了一个 jquery click 事件，但它没有被触发。我有这样的

 $(document).on('click', "div#thumbScrollable .clickableitem", function(event) { 
    alert("SMOOTHDIVSCROLL ITEM IS CLICKED");
 });

当我单击该项目时，未显示警报框，这意味着未触发该事件。我猜测 TOUCH 和 CLICK 事件之间存在冲突，这就是 jquery 无法检测其是否为单击事件的原因。有人以前遇到过这个问题吗？

请指导我。

谢谢

Answer 1

将处理程序分配给 mousedown 和 touchstart 怎么样？

$(document).on('mousedown touchstart', "div#thumbScrollable .clickableitem", function(event) { 
    alert("SMOOTHDIVSCROLL ITEM IS CLICKED");
});