微信iOS端无法执行jquery on()方法
2016-02-24 18:54
633 查看
今天在做购物网站公众号时,首页上商品描述文字和图片点击都需要进入商品详情页,发现PC端和安卓端都可以正常跳转,iOS端点击图片可以正常跳转,点击文字则无任何反应。
jquery方法为:
在iOS端点击文字时根本没进入on()方法体,搜索得知微信在安卓版使用X5内核,iOS版使用自带Safari内核,最后在stackoverflow找到解决办法,原因未知。
代码修改为:
答案来源: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)有时候某个标签绑定点击事件无效,加了空的onclick=""就好了
jquery方法为:
$(document).on('click','.a .b',function(){ var id=$(this).attr('id'); if(id){ window.location.href="{WEB_PATH}/mobile/mobile/item/"+id; } });
在iOS端点击文字时根本没进入on()方法体,搜索得知微信在安卓版使用X5内核,iOS版使用自带Safari内核,最后在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)有时候某个标签绑定点击事件无效,加了空的onclick=""就好了
相关文章推荐
- 社交巨头三国杀:微信、WhatsApp、Line到底有啥区别?
- JQuery1——基础($对象,选择器,对象转换)
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 微信悄悄升级群聊功能:个人微信营销号的福音
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 突击部队拼多多
- 我是运营,我没有假期
- 移动端的长按事件
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 如何做到日消息量100万的微信公众号?
- 论微信取消推送功能的可能性(原创)
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户