yuyun1313@163.com
yuyun1313@163.com
  • 发布:2017-05-08 23:11
  • 更新:2018-10-20 00:17
  • 阅读:1471

mui numbox值减为最小时不能获取

分类:MUI

//页面
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row">
<label>时间间隔秒数</label>
<div class="mui-numbox" data-numbox-min="1" id="numboxTime">
<!--data-numbox-max="60"-->
<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
<input class="mui-input-numbox" type="number" id="timeInterval">
<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
</div>
</div>
</form>
</div>
//事件
mui('.mui-numbox').on('tap', 'button', function(e) {
//2变1无输出
console.log(document.getElementById("timeInterval").value);
});

2017-05-08 23:11 分享
已邀请:
洛上千栀

洛上千栀

一直都是这样
点到最小值的时候减号被禁用了然后tap事件就拿不到值
建议把最小值设为0然后做一个判定值小于1的时候把值设为1;

IFuckYourUncle

IFuckYourUncle

更改div标签里面的data-numbox-min="0",就可以正常输出1的值了,
这是代码,看一下是不是符合你的要求

<html>  

<head>  
    <meta charset="utf-8"/>  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>  
 <link rel="stylesheet" href="css/mui.min.css">  
<script src="js/mui.min.js"></script>  
</head>  

<body>  
    <div class="mui-card">  
        <form class="mui-input-group">  
            <div class="mui-input-row">  
                <label>时间间隔秒数</label>  
                <div class="mui-numbox" data-numbox-min="0" id="numboxTime">  
                    <!--data-numbox-max="60"-->  
                    <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>  
                    <input class="mui-input-numbox" type="number" id="timeInterval">  
                    <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>  
                </div>  
            </div>  
        </form>  
    </div>  
    <script>  
        mui('.mui-numbox').on('tap', 'button', function (e) {  
            console.log(document.getElementById("timeInterval").value);  
        });  
    </script>  
</body>  
</html>  

这是我的网站,O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb

潮格设计

潮格设计

修改 mui.js 下面的代码:

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    self.minus.disabled = true;  
                } else {  
                    self.minus.disabled = false;  
                }  

改为

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    setTimeout(function (){  
                        self.minus.disabled = true;  
                    }, 10); //怕没效果,可适时加大延迟时间  
                } else {  
                    self.minus.disabled = false;  
                }  

要回复问题请先登录注册