如何在iOS中绑定点击事件？

Question

我只是在试图将click事件绑定到<button>并使之适用于桌面（chrome，FF，...），android和iOS。

我尝试了很多东西，比如这个 cursor: pointer这似乎是最简单，最有效的，但没有奏效。

我还尝试了HTML元素上的onclick=''或onclick='void(0)' ，这种技巧我什至不记得在哪里...

我尝试使用外部库（例如FastClick）将其删除，直到单击后等待300毫秒。

指针事件Polyfill和使用pointerup绑定不再有机会...

我的想法用光了...

我的HTML：

<div class="col-md-12">
    <button type="button" onclick='' id="begin" class="btn andro btn-danger btnlg">
        <img src="img/icon.png" height="50px"> GO
        <img src="img/icon.png" height="50px">
    </button>
</div>

我的JS：

  $(document).on('touchstart', '#begin', function() {
      // do things
  });

我当然尝试绑定touchstart （甚至touchend ！）而不是click ，但在iPhone上仍然不起作用...

问题是：我没有iPhone来测试我的东西，所以我必须信任一些拥有iOS设备的朋友...我是否必须更改代码...还是要更改朋友？ ^^

Answer 1

Soooo ....经过大量搜索和尝试，例如逐个删除库并注释部分代码...

我能够找到导致点击混乱的原因……这是因为我的绑定被封装在一个：

$( document ).ready(function() {
    // My bindings here
});

似乎iOS不喜欢这个...

只需将您的单击绑定到ready函数之外，它便可以起作用...希望它能对某人有所帮助！