蘋果手機(jī)瀏覽器$(document).on(click,function(){})點(diǎn)擊無效的問題

剛做完一個(gè)項(xiàng)目,在微信公眾號(hào)內(nèi)開發(fā)H5頁面,頁面中包含圖片上傳功能,用的是微信的拍照或從手機(jī)相冊中選圖接口,安卓、微信開發(fā)者工具都可以通過這個(gè)接口調(diào)起相冊,但是ios卻沒有任何反應(yīng);
一開始一直以為是該接口與ios系統(tǒng)的兼容問題,網(wǎng)上說什么的都有,但始終沒有一個(gè)方案能解決問題。
代碼如下:

// 圖片上傳點(diǎn)擊
$('body').on('click','.chooseIMg',function(){
    console.log("#################################開始上傳圖片");
    //alert("去選擇一張美美的照片吧!");
    wx.chooseImage({
      count: 1, // 默認(rèn)9
      sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有
      sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī),默認(rèn)二者都有
      success: function (res) {
      var localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標(biāo)簽的src屬性顯示圖片
      }
    });
})

后來忽然想到,微信的接口應(yīng)該不至于會(huì)出現(xiàn)這種兼容性問題,而且又這么長時(shí)間不修復(fù)的;會(huì)不會(huì)是接口沒問提,頁面根本就沒有走到這個(gè)接口呢,于是增加了alert()進(jìn)行測試,發(fā)現(xiàn),果然頁面沒有走到該接口;
問題的原因定位了,很顯然,$('body').on('click','.chooseIMg',function(){ 這里的click時(shí)間沒有起作用;

解決方法:

//給標(biāo)簽'.chooseIMg'加上style="cursor: pointer;",即可成功調(diào)起;
<img src="/activity/images/1/bm/add-img.png" class="add-img chooseIMg" alt="" style="cursor:pointer;"/>

具體為什么加上這個(gè)css樣式就能調(diào)起了,我也沒有深究?有朋友了解真正的原因嗎,可以一起討論分享

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容