苹果手机浏览器$(document).on(click,function(){})点击无效的问题

刚做完一个项目,在微信公众号内开发H5页面,页面中包含图片上传功能,用的是微信的拍照或从手机相册中选图接口,安卓、微信开发者工具都可以通过这个接口调起相册,但是ios却没有任何反应;
一开始一直以为是该接口与ios系统的兼容问题,网上说什么的都有,但始终没有一个方案能解决问题。
代码如下:

// 图片上传点击
$('body').on('click','.chooseIMg',function(){
    console.log("#################################开始上传图片");
    //alert("去选择一张美美的照片吧!");
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
      success: function (res) {
      var localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
      }
    });
})

后来忽然想到,微信的接口应该不至于会出现这种兼容性问题,而且又这么长时间不修复的;会不会是接口没问提,页面根本就没有走到这个接口呢,于是增加了alert()进行测试,发现,果然页面没有走到该接口;
问题的原因定位了,很显然,$('body').on('click','.chooseIMg',function(){ 这里的click时间没有起作用;

解决方法:

//给标签'.chooseIMg'加上style="cursor: pointer;",即可成功调起;

具体为什么加上这个css样式就能调起了,我也没有深究?有朋友了解真正的原因吗,可以一起讨论分享

你可能感兴趣的:(苹果手机浏览器$(document).on(click,function(){})点击无效的问题)