jquery.range.js 滑块

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


<div class="ip-son">
<div class="demo">
<input type="hidden" class="single-slider3" value="0"/>
<div class="demo-son2">
<input type="text" class="ipgs" value="0">
</div>
</div>
</div>

<script src="./js/jquery.range.js"></script>
var test;
//ip个数
test = $('.single-slider3').jRange({
//滑块滑动时 触发的函数
onstatechange: function () {
$('.ipgs').val($('.single-slider3').val());
},
from: 0,//最小值
to: 1000,//最大值
step: 20,//步进
//这里改变值
scale: [0, 250, 500, 750, 1000],
format: '%s',
width: 500,//总宽度
showLabels: true,
showScale: true
});
$(".ipgs").blur(function () {
test.setValue( $(this).val());//能绑定滑块的变化
});

这里是设置函数绑定滑块的变化

return result || this 改成return result || this.data('plugin_' + pluginName);

posted @   小猴子会上树  阅读(1989)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示