jQuery自定义拖拽进度插件 inputProgressBar

该插件可自定义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值
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值