bone.js 中的移动手势

Question

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

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) 才能使其正常工作。我已更新示例以反映这一点。

Answer 2

Backbone relies on jQuery.bind 来管理 DOM 事件。

所以问题是如果 jQuery 支持这些事件并且看起来像 jQuery Mobile does，那么现在你必须检查 how to integrate jQuery Mobile and Backbone。