今天在做購(gòu)物網(wǎng)站公眾號(hào)時(shí)，首頁(yè)上商品描述文字和圖片點(diǎn)擊都需要進(jìn)入商品詳情頁(yè)，發(fā)現(xiàn)PC端和安卓端都可以正常跳轉(zhuǎn)，iOS端點(diǎn)擊圖片可以正常跳轉(zhuǎn)，點(diǎn)擊文字則無任何反應(yīng)。

jquery方法為：

$(document).on('click','.a .b',function(){var id=$(this).attr('id');if(id){window.location.href="{WEB_PATH}/mobile/mobile/item/"+id;} });

在iOS端點(diǎn)擊文字時(shí)根本沒進(jìn)入on()方法體，搜索得知微信在安卓版使用X5內(nèi)核，iOS版使用自帶Safari內(nèi)核，最后在stackoverflow找到解決辦法，原因未知。

代碼修改為：

$('<span style="font-family: Arial, Helvetica, sans-serif;">.a</span>').on('click','.b',function(){var id=$(this).attr('id');if(id){window.location.href="{WEB_PATH}/mobile/mobile/item/"+id;} });
答案來源： http://stackoverflow.com/questions/9881509/jquery-on-doesnt-work-with-mobile-safari

微信的坑：http://likr.cn/2015/12/02/%E5%BE%AE%E4%BF%A1h5%E8%B8%A9%E5%9D%91/

? ? ? ? ? ? ? ? ? ? https://www.qianduan.net/qqliu-lan-qi-x5nei-he-wen-ti-hui-zong/

update：

方法二：

iOS（safari）有時(shí)候某個(gè)標(biāo)簽綁定點(diǎn)擊事件無效，加了空的οnclick=""就好了

總結(jié)

以上是生活随笔為你收集整理的微信iOS端无法执行jquery on()方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。