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

//页面

<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 添加评论 分享
已邀请:
1

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


1

更改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>
\n

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


0

潮格设计

赞同来自:

修改 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;
}
\n

改为

                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;
}
\n

要回复问题请先登录注册