蘋果手機on繫結click事件失效解決方案

用一個div當做了一個按鈕來使用:

[HTML] 純文字檢視 複製程式碼
<div class="button">
  <div class=" next_button button_left btn_red" style="width: 345px;">下一步</div>
</div>

因為是動態新增的內容，所以想要使用click事件，需要給他用on繫結一下：

[JavaScript] 純文字檢視 複製程式碼
$(document).on("click", ".next_button", function () {
  alert();
});

這個時候，使用蘋果手機訪問的時候，無論如何點選“下一步”，都沒有任何反應，可是在安卓和各種模擬器中一切正常。

後來經過查詢資料才知道，蘋果有這麼個設定： 

對於點選的物件，擁有cursor:pointer這個樣式的設定。

也就是說，滑鼠放上去，能夠出現“手”型的圖示才被認作可以使用點選事件，於是果斷增加了樣式:

[HTML] 純文字檢視 複製程式碼
<style>
.next_button {
  cursor: pointer;
}
</style>