IPhone中H5頁面用on綁定click無效的解決方法

首先聲明本人資質尚淺，本文只用於我的總結。若有錯誤，歡迎指正、共同提升。

-----------------------------------------------------------------------------------

首先問一句？ 爲何移動頁面還在用click方法？假如必須用click，且遇到如標題所示bug,下文即是解決之道。固然，若是不用必須用click，則換成touch天然不存在本文的bug。

話很少說，當你懂得什麼時候直接綁定click，什麼時候用on綁定時候，理解下文就很是容易。

當用以下方法綁定click事件時，

exp:

$(document).on('click','selector',function(){
});

 發如今PC各類瀏覽器，以及移動端模擬器上都是能夠正常調試的，可是在ios的微信端訪問或瀏覽器訪問均有不一樣程度的無效狀況，

解決辦法以下：

第一種方法：解決的方法很巧妙，就是給須要綁定事件的元素添加一個css cursor: pointer 。

exp:

selector {
cursor:pointer;
}

第二種方法：把document換成selector的父元素，前提是父元素不是由JS生成的。

 

 

若有錯誤，歡迎評論指正、共同提升。[握手]    

歡迎轉載，轉載請註明：轉載自[ http://www.cnblogs.com/juneling ]