无法使用 Elastic Stack 点击 <a> 标签答案

【问题标题】：cant click on <a> tag using ElasticStack无法使用 Elastic Stack 点击 <a> 标签
【发布时间】：2016-05-19 12:02:05
【问题描述】：

我想在我的移动网站（仅限移动）中实施 ElaticStack。但我面临一个问题：我在每张幻灯片中添加了一个<a href="#">TAP ME</a>，并且当用户单击<a> 时我想要一个警告框。警报来自桌面，但不在移动设备中。请检查 fiddle here

【问题讨论】：

而不是在移动设备中使用警报。 jQuery Mobile Dialogs 将是执行此操作的一种选择。
感谢@AnthonyLaw 的回复。我同意我不想显示警报。它只是为了测试目的..我只想要一个不在移动设备中的点击事件......

标签： javascript touch swipe

【解决方案1】：

你应该给要附加事件的元素添加一个类，然后绑定touchstart事件。

类似这样的：

var elements = document.getElementsByClassName("myClass");
for(var i = 0; i < elements.length; i++) {
    var element = elements[i];
    element.addEventListener("touchstart", function (event) {
            alert("touch!"); }, false);
}

【讨论】：