美文网首页
苹果手机浏览器$(document).on(click,func

苹果手机浏览器$(document).on(click,func

作者: 妞妞爸爸2018 | 来源:发表于2019-11-06 19:35 被阅读0次

    刚做完一个项目,在微信公众号内开发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;",即可成功调起;
    <img src="/activity/images/1/bm/add-img.png" class="add-img chooseIMg" alt="" style="cursor:pointer;"/>
    

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

    相关文章

      网友评论

          本文标题:苹果手机浏览器$(document).on(click,func

          本文链接:https://www.haomeiwen.com/subject/rkrpbctx.html