与2个触摸事件javascript插件冲突，触摸事件分层顺序错误？

请参阅我的测试

我正在使用这两个js/jquery插件和插件，它们都依赖于触摸事件来启动它们的功能

我希望能够将插件与其他插件结合使用。我创造了一个完全符合我的工作环境

您可以看到snap.js draw幻灯片效果非常好。滑溜滑块触摸事件也非常有效，但仅当滑溜滑块触摸向左滚动时。如果我尝试向右滚动，它会打开snap.js菜单draw

我的问题是，有人能帮我让Slick Slider在snap.js插件上占据优势吗？只有在旋转木马区域中，snap.js才能在所有其他区域正常工作

这是我的代码，这是两个插件的标准演示代码

/**
 ** pure js
 **/

// snap event
var addEvent = function addEvent(element, eventName, func) {
  if (element.addEventListener) {
    return element.addEventListener(eventName, func, false);
  } else if (element.attachEvent) {
    return element.attachEvent("on" + eventName, func);
  }
};

// snap parmas
var snapper = new Snap({
  element: document.getElementById('content'),
  disable: 'right',
  maxPosition: 250,
  minPosition: -250,
  transitionSpeed: .2
});

// snap button click function
addEvent(document.getElementById('ol'), 'click', function() {
  snapper.open('left');
});

/**
 ** jQuery functions
 **/
(function($) {

  // slick slider
  $('#carousel').slick({
    dots: false,
    prevArrow: false,
    nextArrow: false,
    autoplay: true,
    autoplaySpeed: 3000
  });

})(jQuery);

---

任何帮助都将非常感谢。

您可以通过在

#carousel

级别停止事件传播来完成此操作。这意味着当前触发的事件（拖动事件等）不会到达Snap.js

$('#carousel').on('mousedown touchstart', function (e) {
    e.stopPropagation();
});

通过touchstart事件在手机上进行了测试

---

绝对即时，在Android和iOS上测试。工作很漂亮。干杯，甜蜜的脸颊