Tag: hammer.js

移动Webkit和Hammer JS上的多个元素响应触摸事件

我正在使用Hammer JS库开发一个小型项目，我在Chrome开发工具模拟器上遇到了一个问题，并在两个iOS 7设备上进行了debugging。 它似乎在桌面浏览器上正常工作。 小提琴在这里： http ： //jsfiddle.net/w80baz5g/5/和更多信息下面。 我有一组元素，像这样： <div> <img class="item" id="item0" src="http://placehold.it/300×300"> <img class="item" id="item1" src="http://placehold.it/300×300"> <img class="item" id="item2" src="http://placehold.it/300×300"> </div> 和Hammer JS听一个水龙头事件： function initItems(el) { var itemToTap = new Hammer.Manager(el, itemOptions); itemToTap.add( new Hammer.Tap() ); itemToTap.on("tap", function(event) { console.log("tapped: " + event.target); }); } $(".item").each(function(){ var itemToInit = $(this)[0]; initItems(itemToInit); }); 在桌面浏览器（Chrome，Safari）中，一切似乎都很好，在移动设备上，只有三个元素中的第一个似乎响应了点击事件，但控制台显示它响应所有三个元素？ […]

Hammer.js阻止iOS Safari上的滚动事件

我已将Hammer.js事件添加到我网站上的某个元素。 他们都开火正确，一切都好，但一个问题引起了我的devise师的眼球。 他注意到，当您尝试用手指滚动页面时，没有任何反应。 不幸的是，这是一个破坏游戏的人。 所以我的问题是，如何在使用Hammer.js时保持滚动。 谢谢！