微信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找到解决办法,原因未知。


代码修改为:


$('.a').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=""就好了

你可能感兴趣的:(微信)