Hammer JS不与骨干一起工作

时间:2013-04-18 13:11:40

标签: javascript backbone.js hammer.js

我正在努力让锤子js事件与骨干一起工作但却无法让它响应事件。 我已经尝试了以下......

http://cijug.net/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等。

无论如何让它运转起来?

1 个答案:

答案 0 :(得分:11)

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

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

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