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

我正在使用Hammer JS库进行一个小型项目，在Chrome Dev Tools emulator上和在两个iOS 7设备上调试时遇到了一个问题。它似乎在桌面浏览器上运行良好。在这里拉小提琴：下面还有更多信息

我有一组元素，如下所示：

<div>
    <img class="item" id="item0" src="http://placehold.it/300x300">
    <img class="item" id="item1" src="http://placehold.it/300x300">
    <img class="item" id="item2" src="http://placehold.it/300x300">
</div>

虽然在桌面浏览器（Chrome、Safari）中，一切都很好，但在移动设备上，似乎只有三个元素中的第一个元素响应tap事件，但控制台显示它响应所有三个元素？第二和第三个元素根本没有响应

在这里拉小提琴：

我错过什么了吗？移动浏览器对这些事件/元素的处理是否有所不同？为什么他们不单独响应tap事件

非常感谢您的帮助

而不是：

$(".item").each(function(){
    var itemToInit = $(this)[0];
    initItems(itemToInit);
});

尝试使用：

$(".item[id^='item']")...

或：

---

看看会发生什么。

FYI，我在这里发布了解决此问题的方法：

$(".item[id^='item']")...

$("[id^='item']")...