微调器

名字有点专业,看到截图应该知道是什么了。

示例代码:

<input type="text" data-toggle="spinner">

jqueryAPI:options可为空

<script type="text/javascript">
        $(function(){
            $("#wtq").spinner();
        });
    </script>
    <input type="text" id="wtq">

参数(options)

名称 类型 默认值 描述
min int 0 【可选】最小值
max int 100 【可选】最大值
step number 1 【可选】步长,每次调整的值大小
decimalPlace int 0 【可选】小数位数

事件

事件名称 中文说明 描述
afterchange.bjui.spinner 微调后的事件 监听该事件,可以在调整值后进行相关操作

 

这样监听spinner的事件:myspinner-selector表示触发微调的input选择器

$('mysprinner-selector').on('afterchange.bjui.spinner',function(e,data){
    var myvalue=data.value;
    //do something ...
});

 

posted @ 2016-11-18 13:46  guodaxia  阅读(245)  评论(0编辑  收藏  举报