zoukankan      html  css  js  c++  java
  • 移动端radio无法选中

    问题:
    <label for="flag1"><input type="radio" name="flag" id="flag1" value="1" /><i class="fa fa-circle-o"></i> <img src="flag1.png" /></label> <label for="flag2"><input type="radio" name="flag" id="flag2" value="2" /><i class="fa fa-circle-o"></i> <img src="flag2.png" /></label> <label for="flag3"><input type="radio" name="flag" id="flag3" value="3" /><i class="fa fa-circle-o"></i> <img src="flag3.png" /></label>

    图片描述

    点第三个的时候第一个会选中,非要精确点input那个点才能选择

    解决办法:

    我发现是mui的js影响到的,具体是怎么影响的还不清楚,因为我把页面的mui.js去掉了就正常了,加上就出现异常

    找到问题所在了,我在mui.js v2.8.0 第920行左右找到以下代码

    var handle = function(event, target) {
        if (target.tagName === 'LABEL') {
            if (target.parentNode) {
                    //问题就出在这一行
                    target = target.parentNode.querySelector('input');
            }
        }
        if (target && (target.type === 'radio' || target.type === 'checkbox')) {
            if (!target.disabled) { //disabled
                    return target;
            }
        }
        return false;
    };

    可以在引入mui之前加上以下代码解决

     
    <script>window.FastClick = true;</script>
  • 相关阅读:
    Oracle视图,索引,序列
    Oracle的表创建和事务管理
    Oracle子查询和多表查询
    python实现二叉树
    python实现二分查找
    python实现各种排序算法
    flask邮件发送
    django之图片预览实现方法
    django ORM操作
    Django Form之select自动更新
  • 原文地址:https://www.cnblogs.com/Ao-min/p/14228939.html
Copyright © 2011-2022 走看看