click事件在蘋果手機失效的問題

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

<div class="button">
    <div class=" next_button button_left btn_red" style="width: 345px;">
    下一步
    </div>
</div>

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

$(document).on("click",".next_button",function(){
    alert();
});

這個時候，使用蘋果手機訪問的時候，發現了一個坑爹的問題，如論如何點選“下一步”，都沒有任何反應，可是在安卓和各種模擬器中一切正常。後來經過查詢資料才知道，蘋果有這麼個設定： 
對於點選的物件，擁有cursor:pointer這個樣式的設定，也就是說，滑鼠放上去，能夠出現“手”型的圖示才被認作可以使用點選事件，於是果斷增加了樣式

<style>
    .next_button{
        cursor:pointer
    }
</style>

轉載地址：https://blog.csdn.net/yuexiage1/article/details/51612496