1. 程式人生 > >click事件在蘋果手機失效的問題

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