Question

我在使用backbone.js和hammer.js实现触摸事件时遇到问题

我尝试以传统方式实现触摸，即在＆＃34;事件＆＃34;中定义触摸事件。但是它对我不起作用。

请在下面找到我的代码

define(['Backbone','underscore','Handlebars','Hammer'],function(Backbone,_,Handlebars,Hammer) {
//getting the type of device in a variable using "userAgent"
window.MOBILE = navigator.userAgent.match(/mobile/i);   
var HeadderView = Backbone.View.extend(
{ 
 el: 'body',
 touchPrevents : false,
 initialize: function() 
 {
   this.el$ = $(this.el);
  },
   events: function() {//returning different functions based on the device
    return MOBILE ? 
       {
         'tap #headcontent': 'handleTap',
       } : 
       {
         'click #headcontent':'clickbackbone',
       }
  },
//declaring the corresponding functions 
  handleTap: function(){
  alert("tap event");
  },
  clickbackbone:function(){
   alert('backbone click');
   },
   render: function () 
    { 
//rendering the template and appending it to the page
      var that = this;
          require(['text!gaming/gameHeadder/headder.html'],function(HeaderTemplate){
          var template = Handlebars.compile(HeaderTemplate);
          var context = {title: "Tick Tack Toe", imageURL: "images/logo.jpg"}
      var htmlTemplate = template(context);
          that.el$.html( htmlTemplate);
        });
       },
     });
    return new HeadderView();
  }
);

有人可以帮助我纠正我的代码吗

Answer 1

这不是Hammer的工作方式。 Backbone对HammerJS一无所知。

如果您真的想要使用Hammer进行Backbone风格的事件委派，您可能需要查看backbone.hammer项目。

Hammer Js不使用Backbone.js

1 个答案: