如何让Hammer JS与Backbone合作

Question

我知道这已经在这里,那里和那里被问到了.

在我努力寻找合适的组合时,基于这些答案,我想我会在这里总结一下,所以我们都能更清楚,更容易地找到它.

Answer 1

首先,有可能让Hammer与Backbone完美配合.

要实现此目标,您只需要按照以下列表:

1. 将hammer.js依赖项包含在项目中.
2. 将Hammer的jQuery插件包含到您的项目中

3. 创建一个Hammer Manager实例,以便您可以收听Hammer事件.您应该在触发触摸事件的同一元素上启动实例,或者在封闭的元素(通常是您的视图元素)上启动实例.因此,在View的render()函数结束时应该出现这样的事情:

   this.$el.hammer(); // Instantiates Hammer Manager
   

4. 像往常一样,通过任何javascript/jQuery事件来监听事件:

   events : { "pan #some_selector": "some_handler", }

5. 在事件处理程序中,您可以访问属性中的事件gesture属性,而不是直接在Hammer的文档中编写,如下所示:

   function some_handler : function(event) { console.log(event.gesture.deltaX); },

这应该让Hammer能够与Backbone应用程序完美配合.我希望这有帮助!:)