锤JS不工作与骨干

Hammer JS not working with backbone

本文关键字：工作 JS      更新时间：2023-09-26

我试图让锤子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 Fiddle: 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等

如何让它工作呢?

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

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

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

相关文章：