javascript - 无法触发手机上的按钮点击(包括代码和链接)

Question

有人可以向我解释为什么“添加到购物车”按钮在移动设备上不起作用吗？

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

它不适用于 "click"所以我改为"click touchstart" (我知道这不是一个理想的解决方案)但我只是想能够触发 js。

没有成功。

这是一个 <a>触发 jquery 函数的标记在所有浏览器上都能正常工作，但在移动设备上却不行。

这是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

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

Answer 1

语法和代码都很好，但是您的 cartManipulation.init 函数中存在错误:

Uncaught TypeError: Cannot read property 'pa_cart' of null

并且事件处理程序永远不会初始化。

顺便说一句，我建议您也将 href="javascript: void(0)"而不是 href="#"放在虚拟链接中，或者切换到按钮更好。