RangeSlider- jquery拖拽进度条范围选择插件1635
支持多种事件,三种样式。
<script src="js/jquery-1.11.0.min.js"></script> 
<script src="js/ion.rangeSlider.js"></script> 
<script>
$(document).ready(function(){
	$("#range_1").ionRangeSlider({
		min: 0,
		max: 5000,
		from:1000,
		to: 4000,
		type: 'double',//设置类型
		step: 1,
		prefix: "",//设置数值前缀
		postfix: "元",//设置数值后缀
		prettify: true,
		hasGrid: true
	});
	$("#selectStyle").change(function(){
			$("#styleSrc").attr("href",$(this).val());
		});
});
$("#range_1").click(function(){
		alert("");
	})
</script>

技术讨论区(1 个讨论)

  1. ` 1

    `

    怎么支持多个进度设置

    2016-9-22 16:05:19 | 回复

  2. 请先登录

      发 布