Javascript Hammer.js:刷卡事件对图像不起作用

Javascript Hammer.js:刷卡事件对图像不起作用,javascript,backbone.js,hammer.js,Javascript,Backbone.js,Hammer.js,我在web应用程序上使用hammer.js实现手势功能。我用它来刷一个视频元素,它的工作原理和预期一样完美。但是,当我将下面的代码应用于图像元素时,它不起作用 App.Views.Photo = Backbone.View.extend({ template : template('photoTemplate'), className : 'photo', parent : null, events: { 'swipe' : 'swiped', // 'pan'

我在web应用程序上使用
hammer.js
实现手势功能。我用它来刷一个视频元素,它的工作原理和预期一样完美。但是,当我将下面的代码应用于图像元素时,它不起作用

App.Views.Photo = Backbone.View.extend({
template  : template('photoTemplate'),
className : 'photo',
parent    : null,

events: {
    'swipe' : 'swiped',
    // 'pan'    : 'dragged'
},

这个完全相同的代码适用于视频元素,但不适用于图像。我还试着做
e.signature.preventDefault()在刷过的函数中,但这也不起作用。目前我正在firefox上测试这个应用程序

任何帮助都将不胜感激

谢谢

[编辑]:我正在初始化hammer代码,如下所示

render: function() {

    $(this.el).attr('id', this.model.attributes._id);
    this.$el.html( this.template( this.model.toJSON() ) );

    this.$el.hammer();

    return this;
},

好吧,我在这个问题上绞尽脑汁几个星期后,终于找到了答案

初始化
函数中,我放置了以下代码

$('img').on('dragstart', function(event) { event.preventDefault(); });
看起来是这样的

initialize: function(opts) {
    this.render();
    this.parent = opts.parent;

    $('img').on('dragstart', function(event) { event.preventDefault(); });
},
这样做的目的是防止图像像默认值一样被拖动,这就成功了

现在,在
swip
上,图像会像我想要的那样被删除

[编辑] 如果页面上有多个图像,请将此添加到事件中,如

this.$('img').on('dragstart', function(event) { event.preventDefault(); });
这将应用于使用该视图渲染的所有图片。

您可以使用:

<img draggable="false"...

在代码中你在哪里创建了一个hammer实例…?很抱歉。。。见上面编辑的答案。同样的代码也适用于视频元素,但不适用于图像W,没有人知道解决方案或为什么会发生这种情况?查看了65次,没有人知道如何解决这个问题。知道
元素为什么没有这个问题吗?不知道。我认为图像有默认的拖动功能,而视频(视频元素)没有。
<img draggable="false"...
pointer-events: none;