Hammer.js：滑动事件不适用于图像

Question

我hammer.js在我的网络应用程序上使用手势功能。我用它来滑动视频元素，效果如预期完美。但是，当我将以下代码应用于图像元素时，它不起作用。

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

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

...

swiped: function(e) {

    this.remove();
    this.parent.newContent(this.model);
},

这个完全相同的代码适用于视频元素，但不适用于图像。我也尝试e.gesture.preventDefault();在滑动功能内进行操作，但这也不起作用。我目前正在 Firefox 上测试该应用程序。

任何帮助将不胜感激。

谢谢

[编辑]：我正在初始化锤子代码如下

render: function() {

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

    this.$el.hammer();

    return this;
},

Answer 1

您可以使用：

<img draggable="false"...

或者像这样在 CSS 中（可能并非所有浏览器都支持，尤其是 IE）

pointer-events: none;