backbone.js中的移动手势

时间:2012-04-21 19:20:37

标签: events jquery-mobile backbone.js

我可以在Backbone.js查看活动中使用滑动,点击,捏合等移动手势吗?更具体的是我的代码。

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

我可以使用滑动,向左/向右滑动,捏合,点按等移动手势来处理backbone.js吗?

2 个答案:

答案 0 :(得分:8)

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

答案 1 :(得分:0)

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

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