{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery拖动滑块选择价格区间代码

jQuery拖动滑块选择价格区间代码是一款仿金融投资类网站投资金额区间选择效果,非常的简单好用。


js代码

<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript">
$(function() {
	$("#price-range").slider({
		unit: "万",
		beyondMax: true,
		beyondMin: true,
		firstWidth: 34,
		lastWidth: 23,
		scale: [
			{
				key: 0,
				value: [1, 1, 1]
			},
			{
				key: 5,
				value: [1, 1, 1, 1, 1]
			},
			{
				key: 10,
				value: [1, 1, 1, 1, 1]
			},
			{
				key: 15,
				value: [1, 1, 1, 1, 1]
			},
			{
				key: 20,
				value: [1, 1, 1, 1, 1]
			},
			{
				key: 25,
				value: [1, 1, 1, 1, 1]
			},
			{
				key: 30,
				value: [1, 1, 1, 1, 1]
			},
			{
				key: 35,
				value: [3, 2, 5, 3, 2]
			},
			{
				key: 50,
				value: [5, 5, 5, 5]
			},
			{
				key: 70,
				value: [10, 10, 10]
			},
			{
				key: 100,
				value: 0.5
			},
			{
				key: 110
			}
		]
		})
	.on("changed", function(e, args) {
		var min = args.value.leftValue,
			max = args.value.rightValue;
		// if (min == 0) min = 1;
		// if (6680 > 110) {
		//     if (max == 6680) max = 1;
		// } else {
		//     if (max == 110) max = 1;
		// }
		// if (max == 10000) max = 1;
		// if (min + '_' + max == '2_6680') {
		//     min = 0;
		//     max = 0;
		// }
		console.log(min,max);
		// location.href = 'car/' + min + '_' + max + '-0.0_0.0-0-0-0-0-0-0-0-0/';
	});
	$("#price-range").data("slider").setRange({
		leftValue: 0,
		rightValue: 110
	});
});
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery拖动滑块选择价格区间代码
喜欢 ()分享 (0)