【问题标题】:conflict between hammer.js and jqueryhammer.js 和 jquery 之间的冲突
【发布时间】:2016-12-26 12:40:48
【问题描述】:

我正在尝试在hammer.js 的帮助下创建滑动效果,但似乎它会在jquery 文件中产生问题

带有锤子的jquery代码

       $( document ).ready(function() {
    console.log( "ready!" );

        $(".swiper").hammer().on("swipeleft", function(event) {
    //callback

     console.log( "swipeleft!" );

});
});

html代码

错误

【问题讨论】:

标签: javascript jquery html hammer


【解决方案1】:

我假设您已经在项目中包含了hammer.js 和jQuery。你现在可以试试这个。

var hammer = new Hammer($(".swiper")[0]);
hammer.on("swipeLeft", function(evt){
console.log("Swipe Left");
});

【讨论】:

  • 我没有得到 console.log("Swipe Left");
  • jsfiddle.net/pmpmvwry/1hammer 在 jsfiddle 中无法工作,因为它没有 https
  • 你可以检查一下。尝试在第一个“li”元素上滑动。它工作正常。 jsfiddle.net/pmpmvwry/2
  • 但它并不适用于所有人,因为您添加了一个数组编号,如何使其全部工作
  • 您需要将一个 JS DOM 元素传递给锤子构造函数(不是 jQuery 对象)。这就是为什么我要传递第一个“li”元素。如果要对所有“li”元素应用滑动,最好使用“ul”元素而不是“li”。欲了解更多信息,请查看此hammerjs.github.io/getting-started
猜你喜欢
  • 1970-01-01
  • 2012-03-06
  • 2014-03-02
  • 1970-01-01
  • 1970-01-01
  • 2015-07-28
  • 2012-01-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多