微调器
名字有点专业,看到截图应该知道是什么了。
示例代码:
<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 ...
});