评论：jQuery左右滑动 选取数值  [查看原文]

效果非常好，兼容性很强。！

嗯，调出来就好。

西瓜，调试出来了，应该是修改jquery.range.js中的

onDragEnd: function(e) {

     this.pointers.removeClass('focused');

     this.labels.removeClass('focused');

     $(document).off('.slider');

     //鼠标移开后的动作

     alert(this.options.value);

     },

Tyl_Liu2
2016/1/7 15:01:03

可以在初始的时候定义个onstatechange方法,把拖动结果输出来

$(".single-slider").each(function() {
    var num = $(this).attr('num');
    var input = $("#" + $(this).attr("outputId"));
    $(this).jRange({
        onstatechange: function() {
            input.val(this.options.value)
        },
        from: 0,
        to: num,
        step: 1,
        format: '%s',
        width: 200,
        showLabels: true,
        showScale: true
    });

});

亦风0
2016/10/21 16:10:11
没效果啊

西瓜，谢谢你的答复，但是貌似不太行吧..

在这个位置试试jquery.range.js中onDrag: function(pointer, e)中

onDrag: function(pointer, e) {
	e.stopPropagation();
	e.preventDefault();

	if (e.originalEvent.touches && e.originalEvent.touches.length) {
		e = e.originalEvent.touches[0];
	} else if (e.originalEvent.changedTouches && e.originalEvent.changedTouches.length) {
		e = e.originalEvent.changedTouches[0];
	}

	var position = e.clientX - this.domNode.offset().left;
	this.domNode.trigger('change', [this, pointer, position]);
	alert(position);
},

你好，如何更改为 拖动滚动条 松开鼠标即 读取 滚动条的 区间值呢？

5276584330
2016/11/3 16:11:51
可以用鼠标按下 抬起事件

yveJohn0
2018/8/6 10:09:21
可以实现鼠标移动值也动态显示出来吗？

jiafei0
2016/10/12 14:10:13
同问，就不能免费用吗？

5276584330
2016/11/3 16:11:52
不能