jQuery拖动滑块选择数字插件sider.jquery.js

所属分类:输入-拖和放

 4930  17  查看评论 (4)
jQuery拖动滑块选择数字插件sider.jquery.js ie兼容6

更新时间:2017-8-23 22:10:46

更新说明:修改了点击快捷数字不正确的BUG


拖动滑块快速选择数字插件通过拖动滑块快速输入数值,并可以设置常用的数值快速选择,也可以设置回调函数

<div class="widget-sider"></div>
<script type="text/javascript">
   $(function(){
      $(".widget-sider").sider({
         min:0, //最小值
         max:50, //最大值
         step:5, //拖动步长
         quick:[5,25,45,50], //快速选择列表
         value:20, //默认值
         callback:function(_this,value,status){ 
            //回调函数, 反回3个参数,
            //_this : 当前元素
            //value : 选取的值
            //status : 是否选择完毕
            $("#callback").text(value);
            if(status) 
               $("#callback").css("border","1px solid #f60");
            else
               $("#callback").css("border","1px solid #d7d7d7");
         }
      });
   })
</script>
相关插件-拖和放

可拖拽图片文本框(类似QQ发送消息框)

支持拖拽图片,并且将图片转换为base64,兼容IE8以上所有浏览器
  拖和放
 8818  16

拖放交互的想法

在UI中拖放交互的一些想法,这个想法是显示一个可拖拽的区域,代表一个元素被拖拽后的某些动作。
  拖和放
 4202  44

jquery 拖拽排序

jQuery图片列表拖拽排序布局插件
  拖和放
 6441  46

页面多板块拖动,调整边缘,吸附效果(原创)

接到一个需求:楼宇房间的简单布局:点击左侧房屋号码,到右面出现以后可以各种调整。
  拖和放
 5080  23

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    偶得er 0
    2017/11/24 15:17:15

    点击快捷选择,25,这个时候b是“25”这样加等a.min(a.min是0)就变成了“250”导致不管点击哪个快捷键都会多个0,下面的比较就总是大于最大值,下图解决。

        偶得er0
        2017/11/24 15:18:56

        我图呢。。

    回复
    iexn 0
    2017/8/22 9:23:11

    点快捷数字按钮不管用

        尔雅视觉0
        2017/8/23 22:12:08

        非常抱歉,上传的时候粗心了, 已经修改了。请麻烦等待一下管理审核吧

    回复
取消回复