无法触发手机上的按钮点击（包含代码和链接）

Question

有人可以向我解释为什么这个添加到购物车按钮不能在移动设备上运行吗？

它甚至没有触发点击，我没有收到提示弹出窗口。

它没有与"click"合作，所以我改为"click touchstart"（我知道它不是一个理想的解决方案），但我只是想能够触发js。

没有成功。

它是一个触发jquery功能的<a>标记，适用于所有浏览器但不适用于移动设备。

这是javascript代码：

$('body').on('click touchstart', '.add-to-cart', function(){
  alert("click");
  //other code...
 });

按钮的代码是：

<a href="#" class="add-to-cart">Add to cart<i class="fa fa-shopping-bag"></i></a>

Link to live example

希望你们能帮助我，任何有关可能方向的提示都是有价值的。

Answer 1

语法和代码没问题，但是你的cartManipulation.init函数有错误：

  

未捕获的TypeError：无法读取属性＆＃39; pa_cart＆＃39;为null

并且事件处理程序从未初始化。

顺便说一句，我建议你也把href =＆＃34; javascript：void（0）＆＃34;而不是href =＆＃34;＃＆＃34;在虚拟链接中，或者更好的是，切换到按钮。