jqueryにおけるonバインドclick事件のアップル携帯電話での失効問題解決

1326 ワード

説明:divでボタンを書いて、このボタンにクリックイベントを追加して、アンドロイドマシンではすべて正常ですが、アップルの機種ではクリックイベントが失効します.



    
    Title
    


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

アップルのクリック失効コードを解決する:なぜこの問題が発生するのか:アップルはクリックの対象に対してcursor:pointerというスタイルの設定を持つ必要があります.つまり、マウスを置くと、「手」型のアイコンが表示されてクリックイベントが使用できると認識され、cssが1行追加されます.



    
    Title
    


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