javascript - Hammer JS 不能与骨干一起使用

Question

我试图让锤子 js 事件与骨干一起工作，但无法让它响应事件。我已经尝试过以下..

http://cijug.ne​​t/tech/2013/01/16/backbone-hammer/

https://gist.github.com/kjantzer/4279025

我还在我的视图中添加了下面的代码

initialize: function(){
    this.events = _.extend({}, this.defaultEvents, this.events||{});      
}

JS 小提琴：http: //jsfiddle.net/XcYhD/

代码

<div id="swiping"></div>

JS

AppView = Backbone.View.extend({

  el: '#swiping',          

  events: {
    'swipe': 'swipeMe'
  },

  render: function(){             
    this.$el.html('<h2>Swipe Me</h2>');
  },

  swipeMe: function(e){                
    alert('swiped ' + e.direction);
  }

});

var view = new AppView();
view.render(); 

包括的库——hammer.js、jquery.specialevent.hammer.js 等。

无论如何让它工作？

Answer 1

您不需要特殊事件插件，我只需使用 jquery 插件，然后hammer()在您的渲染中运行该函数。

  render: function(){             
    this.$el.html('<h2>Swipe Me</h2>');
    this.$el.hammer();
  },

这是一个更新的小提琴：http: //jsfiddle.net/XcYhD/20/