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

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

阅读 7.3k
6 个回答
新手上路,请多包涵

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

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

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

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

在不升级到最新版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;
      }
    }

解决方法来自: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>

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进