微信iOS端无法执行jquery on()方法

今天在做购物网站公众号时，首页上商品描述文字和图片点击都需要进入商品详情页，发现PC端和安卓端都可以正常跳转，iOS端点击图片可以正常跳转，点击文字则无任何反应。

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）有时候某个标签绑定点击事件无效，加了空的οnclick=""就好了

微信iOS端无法执行jquery on()方法相关推荐

h5页面在新版微信iOS 端出现底部白色导航条
新版微信在苹果iOS 端的h5页面如果有路由跳转,会出现底部白色导航条,出现此情况的原因是: 由于底部导航栏是因为出现history记录才出现的.使用replace就没有history记录,解决办法 ...
解决并隐藏h5页面在新版微信iOS 端出现底部白色导航条
新版微信在苹果iOS 端的h5页面如果有路由跳转,会出现底部白色导航条.会占用页面的高度,如何去解决这个问题呢. 方案一页面跳转时重新定页面的高度,这样处理导航条仍然存在. 方案二使用histor ...
基于微信PC端小程序抓包方法
文章目录前言一.Proxifier介绍二.下载及安装三.使用配置前言因为微信小程序基本都是基于HTTPS的,所以抓取HTTPS数据包就是最关键的一步,通过自身实践,推荐使用Proxifie ...
uniapp防止ios端页面可以上下拖动方法
首先找到项目根目录下的pages.json文件 "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io//pages ...
Win10微信 PC 端打字卡顿解决方法
初步评估,您可以先尝试下方方法: [方法A]"干净启动",排除第三方软体的影响: 停止非核心的程序运作(包括第三方杀毒.优化软体) 情况允许的话,卸载设备中的第三方杀毒.管家.优化 ...
解决微信ios端+sendReq: not found
新版微信更新后,出现了一些问题本文用pod集成微信sdk,sdk版本为WechatOpenSDK (1.8.7.1) 如果是手动导入可尝试在otherLinkFlags里加入-all_load,-O ...
解决政务微信ios移动端无法设置顶部title名称
需求场景: 政务微信ios端无法修改title属性,在路由守卫设置了属性仍然无法解决解决方案: 提示:使用dom操作修改title属性,将方法添加在路由导航守卫中. setDocumentTitle ...
关于微信豆苹果(IOS)用户1比10充值方法
微信iOS端微信7.0.20版本之后就上线了微信豆功能,相比大家对微信豆已经不陌生了. 微信官方现在给出了微信豆的含义,微信豆是用于支付微信内虚拟物品的道具,支持在视频号中购买虚拟礼物.也可以对公众号 ...
解决ios端返回上一个页面不刷新页面的问题
javascript返回上一个页面也许你会立马想到几种方案: 1.<a href="javascript:history.go(-1)">返回上一页</a> ...

微信iOS端无法执行jquery on()方法

微信iOS端无法执行jquery on()方法相关推荐

最新文章

热门文章