hammer.js对象没有方法addEventListener

Question

我收到错误: Uncaught TypeError: Object [object Object] has no method 'addEventListener' hammer.js:168

我的代码是这样的:

<script type="text/javascript" src="js/hammer.js"></script>

设备就绪功能:

 var resim = $('#kaydir');

 Hammer(resim).on('swipeleft', function(ev){
     console.log('left: ', ev);
 });

似乎错误在hammer.js中.我该怎么办？

Answer 1

我想你的问题是你没有安装Hammer.js的jQuery插件(GitHub).

因此,您无法将jQuery对象传递给Hammer()函数,这两个选项:

使用jQuery插件

将我上面链接的jQuery插件添加到您的项目中,然后调用:

$('#kaydir').Hammer(...)

没有jQuery插件

通过使用以下方法,只将元素传入Hammer()而不是jQuery对象[0]:

Hammer(resim[0]).on(...)

或者更改您的resim变量以保存调用JavaScript的结果getElementById.

var resim = document.getElementById('kaydir');
Hammer(resim).on(...)