【day15】Js插件 jRange 滑块

• 要开始使用，您必须在html文件中包含jquery.range.js和jquery.range.css文件。

<link rel="stylesheet" href="jquery.range.css">
<script src="jquery.range.js"></script>

• 稍后只需添加隐藏输入，您可以在此处显示此滑块。

<input type="hidden" class="slider-input" value="23" />

• 初始化此插件

$('.range-slider').jRange({
    from: 0,
    to: 100,
    step: 1,
    scale: [0,25,50,75,100],
    format: '%s',
    width: 300,
    showLabels: true,
    isRange : true
});

• 配置选项
  
  
  
• 修改
  在运行时更改值
  您可以调用以动态修改当前值和范围的方法。
  
  原文地址
• 实例 禁用滑块
  
• 实例 设置默认值

 $('.single-slider0').jRange("setValue", "10");