events - Backbone.js 中的移动手势

Question

我可以在 Backbone.js View 事件中使用移动手势，如滑动、点击、捏合等吗？更具体地说，以下是我的代码。

Backbone.View.extend({
     initialize:function(){
        //initialization 
     },
     Events:{
          "swipe-left #homeBtn":"homeSwipe"
     },
     homeSwipe:function(){
        alert("Event Swipe left triggered!");
     }
});

我可以使用移动手势(如滑动、左/右滑动、捏合、点击等)来使用 Backbone.js 吗？

Answer 1

下载并包含 Hammer.js然后像平常一样使用 Backbone 查看事件!

events:{
    'swipe': 'onSwipe'
},

initialize: function(){
    // I think you can get away doing this here once, but I have not tested.
    // If not, just move it to the `render` method
    new Hammer(this.el);
},

onSwipe: function(e){
    console.log(e.direction); // left or right
}

另外，你可以看看我的简单 Backbone view Gist

更新

根据反馈，它看起来像 new Hammer(this.el)必须在主干 View 上调用才能使其工作。我已经更新了示例以反射(reflect)这一点。