Ionic在微信X5内核中点击不出下拉框,求解

发布于 2022-09-04 15:18:55 字数 236 浏览 46 评论 0

最近在ionic程序在安卓的微信x5内核中发现下拉的select不容易被点击到,有一定几率能点出下拉框,在ios和原生内核并没有发现此类问题,测试后发现只有在没有引入ionic.bundle.min.js的时候才能正常的点出下拉框.
可以用微信打开此下地址查看:http://codepen.io/anon/pen/mR...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

深海少女心 2022-09-11 15:18:55

也遇到这个问题 SELECT 框必须点击边框才行 ,单选 难以选中。。没找到解决办法

时光无声 2022-09-11 15:18:55

安卓的微信X5内核,一看到这个东西就觉得是它的锅

℉服软 2022-09-11 15:18:55

方案1: 我这边升级到了最新的ionic1.3.2之后好像在安卓上面解决

方案2: 我尝试注释了源码中的部分代码,也可以解决这个问题,方案1可能更安全一些 图片描述

花期渐远 2022-09-11 15:18:55

在不升级到最新版Ionic的情况下,可以通过修改ionic.bundle.js中的代码解决这个问题

function tapIgnoreEvent(e) {
      if (e.isTapHandled) return true;
      e.isTapHandled = true;
    
      if(ionic.tap.isElementTapDisabled(e.target)) {
        return true;
      }
      //添加下面这两行代码
      if(e.target.tagName == 'SELECT') {
        return true;
      }
      
      if (ionic.scroll.isScrolling && ionic.tap.containsOrIsTextInput(e.target)) {
        e.preventDefault();
        return true;
      }
    }
牛↙奶布丁 2022-09-11 15:18:55

解决方法来自:https://forum.ionicframework....
在select外的div加入属性 data-tap-disabled=”true”

<div data-tap-disabled="true">

<select> 
     <option value="one">One</option>
     <option value="two">Two</option>
</select>

</div>

冬天的雪花 2022-09-11 15:18:55

我也碰到这个问题,通过把项目中的ionic从1.1.0升级到ionic,1.3.3 解决了,在APP中没事,就是在微信中存在这个状况

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文