IOS Safari瀏覽器調用click事件失效解決方案

 

用一個div當做了一個按鈕來使用。（我遇到過button按鈕失效）

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

因為是動態添加的內容，所以想要使用click事件，需要給他用on綁定一下：

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

 

這個時候，使用蘋果手機訪問的時候，發現了一個坑爹的問題，如論如何點擊“下一步”，都沒有任何反應，可是在安卓和各種模擬器中一切正常。后來經過查找資料才知道，蘋果有這么個設置： 

對於點擊的對象，擁有cursor:pointer這個樣式的設置，也就是說，鼠標放上去，能夠出現“手”型的圖標才被認作可以使用點擊事件，於是果斷增加了樣式

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