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

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

jquery方法为：

[html] view plain copy

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

在iOS端点击文字时根本没进入on()方法体，搜索得知微信在安卓版使用X5内核，iOS版使用自带Safari内核，最后在stackoverflow找到解决办法，原因未知。

代码修改为：

[html] view plain copy

1. $('<span style="font-family: Arial, Helvetica, sans-serif;">.a</span>').on('click','.b',function(){  
2.         var id=$(this).attr('id');  
3.         if(id){  
4.             window.location.href="{WEB_PATH}/mobile/mobile/item/"+id;  
5.         }             
6.     });  

答案来源：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=""就好了

原文地址：http://blog.csdn.net/shuay/article/details/50732864