y***@tom.com
y***@tom.com
  • 发布:2017-05-25 18:08
  • 更新:2017-05-26 10:13
  • 阅读:1687

NumberBox 最小值,最大值 无法直接获取

分类:MUI

<div class="mui-numbox" data-numbox-step='10' data-numbox-min='1' data-numbox-max='5'>
<button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
<input class="mui-numbox-input" type="number" />
<button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
</div>

mui(“.mui-numbox”).numbox().getValue();

当最小值时,或最大值 时,都无法获取最小值,最大值。
data-numbox-min=1时,最小值获取是2;后无法获取
data-numbox-max=5时,最大值获取是4;后无法获取

点击无效

2017-05-25 18:08 负责人:无 分享
已邀请:
ali

ali


想你能够有帮助  

 document.getElementById('plus').addEventListener('tap',function () {  
                var inputNumbox = mui('.mui-numbox').numbox().getValue();  
                var num=parseInt(inputNumbox);  
                num += 1;  
                alert(num);  
                setTotal(num);  

      });  
     document.getElementById('minus').addEventListener('tap',function () {  
                var inputNumbox = mui('.mui-numbox').numbox().getValue();  
                var  num = parseInt(inputNumbox);  
                num -= 1;  
                alert(num);  
                setTotal(num);  
      });  
        function setTotal(buyCount){   
        //计算总额  
        var sum=0;  
        var price=document.getElementById("price").innerHTML;  
        sum+=parseInt(buyCount)*parseFloat(price);   
        document.getElementById("totalPrice").innerHTML=sum;  
        }  
  • y***@tom.com (作者)

    使用触发事件,确实没有问题,但使用事件绑定方式的时候,就出现问题。

    感谢!

    2017-05-26 10:03

y***@tom.com

y***@tom.com (作者)

本来在编写的时候,不打算使用JQUERY里的任何语法,但是这一快MUI事件确实有点问题,我使用jquery 的on绑定事件,没有问题,但使用mui的on绑定事件,无法获取最小和最大值。希望能对此进行一个确认更新。

支持MUI

该问题目前已经被锁定, 无法添加新回复