整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          解決點擊事件在移動端失效的問題

          解決點擊事件在移動端失效的問題

          于on點擊事件在ios中失效的問題

          IPhone中H5頁面用on綁定click無效的解決方法

          關于jquery中on綁定click事件在蘋果手機失效的問題

          如果不用必須用click,則換成touch自然不存在本文的bug。

          當用如下方法綁定click事件時,

          下文的selector指的是你選擇的元素,可以用id或者class

          $(document).on('click','selector',function(){ });
          

          發現在PC各種瀏覽器,以及移動端模擬器上都是可以正常調試的,但是在ios的微信端訪問或瀏覽器訪問均有不同程度的無效情況,

          解決的方法很巧妙,就是給需要綁定事件的元素添加一個css

          近在一個網站建設公司客戶的web前端外包的項目中,我們就碰到了這樣一個問題, 蘋果手機下safari瀏覽器下jquery點擊click無效, 但是安卓或者pc上不存在這個問題。代碼片段是沒有問題的

          //示例彈窗$(document).on('click','#exp',function(){
          $("#mask").fadeIn();
          $("#example").fadeIn();
          $(this).addClass("selected");});

          后來查閱很多資料才知道,safari下必須添加一個 cursor:pointer 才能 識別可以點擊。安卓正常識別。

          知道原因的我崩潰了

          推測在 safari 中,不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer使得元素變成了可點擊的了。

          切版長期致力于為網站建設、設計公司提供pc、h5手機、響應式、edm郵件模板的psd轉htm5的web前端外包,歡迎垂詢。

          轉載請注明來源 http://www.qieban.cn/safari-jquery-click

          近在一個網站建設公司客戶的web前端外包的項目中,我們就碰到了這樣一個問題, 蘋果手機下safari瀏覽器下jquery點擊click無效, 但是安卓或者pc上不存在這個問題。代碼片段是沒有問題的

          //示例彈窗$(document).on('click','#exp',function(){
          $("#mask").fadeIn();
          $("#example").fadeIn();
          $(this).addClass("selected");});

          后來查閱很多資料才知道,safari下必須添加一個 cursor:pointer 才能 識別可以點擊。安卓正常識別。

          知道原因的我崩潰了

          推測在 safari 中,不可點擊的元素的點擊事件不會冒泡到父級元素。通過添加 cursor: pointer使得元素變成了可點擊的了。

          切版長期致力于為網站建設、設計公司提供pc、h5手機、響應式、edm郵件模板的psd轉htm5的web前端外包,歡迎垂詢。

          轉載請注明來源 http://www.qieban.cn/safari-jquery-click


          主站蜘蛛池模板: 一区二区三区观看免费中文视频在线播放| 国产精品无码一区二区三级| 国产视频一区在线观看| 无码精品人妻一区二区三区人妻斩| 日本免费一区二区在线观看| 亚洲爆乳无码一区二区三区| 国产内射在线激情一区| 又硬又粗又大一区二区三区视频| 风间由美在线亚洲一区| 久久精品日韩一区国产二区| 精品久久综合一区二区| 国产一区二区三区在线影院| 国产精品小黄鸭一区二区三区| 青青青国产精品一区二区| 视频在线观看一区二区三区| 久久一区二区三区精品| 无码国产精品一区二区免费16| 3d动漫精品一区视频在线观看 | 亚洲午夜精品第一区二区8050| 亚洲国产一区二区三区青草影视 | 精品国产AV无码一区二区三区| 国产日韩精品一区二区在线观看播放 | 3d动漫精品成人一区二区三| 亚洲综合无码一区二区痴汉| 亚洲一区精品无码| 人妻无码一区二区三区免费| 最新欧美精品一区二区三区 | 国产伦精品一区三区视频| 一区五十路在线中出| 久久精品道一区二区三区| 精品久久一区二区三区| 亚洲国产精品无码久久一区二区| 亚洲AV无码一区东京热久久| 麻豆天美国产一区在线播放| 麻豆一区二区免费播放网站| 日韩精品一区二区三区中文3d | 国产AⅤ精品一区二区三区久久 | 国产精品视频一区二区三区无码| 久久久综合亚洲色一区二区三区 | 国产一区二区精品在线观看| 乱人伦一区二区三区|