该插件可自定义input初始值、最大值、最小值、单位等等,已发布到jq插件库,如有需要可移步jq插件库或者gitee仓库自行下载
使用方法
-
需要文件:
js--jquery.min.js,jquery.inputProgressBar.min.js
-
引入:
<script src="js/jquery.min.js"></script> <script src="js/jquery.inputProgressBar.js"></script>
-
使用:
$("#inputEle").inputProgressBar({ dragEle: "#dragEle", clickEle: "#clickEle", });
-
注意:
1."#inputEle": input框选择器 2."#dragEle": 拖拽的元素选择器(当前进度标识 ) 3."#clickEle": 点击的元素选择器(进度条) 4.."#inputEle","#dragEle","#clickEle",各选择器尽量用id选择器,确保唯一性
-
配置:
配置 config: dragEle 拖拽的元素选择器(当前进度标识 ) """必须""" clickEle 点击的元素选择器(进度条) """必须""" scope 进度条长度 默认:200px max 最大范围 默认:100 min 最小范围 默认:0 unit 单位 默认:"" initVal 初始进度 默认值:"" isShow 是否显示范围 默认:true cb(res) 回调函数=>获取当前的input值