如何在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函數之外，它便可以起作用...希望它能對某人有所幫助！