Question

我想要做的是使用我目前拥有的2个滑块，当我得到最合适的滑块时，我可以将它拖过左边的滑块。所以他们转过身来。我想到了两种可能的方法，即通过交换一些类（这似乎不起作用）或通过改变被拖动的元素。

当前代码：

var slider = document.getElementById('test5');
noUiSlider.create(slider, {
	start: [20, 80],
	connect: true,
	step: 1,
	range: {
		'min': 0,
		'max': 100
	},
	format: wNumb({
		decimals: 0
	})
});

<html>
<head>
<script src="https://rawgit.com/Dogfalo/materialize/master/extras/noUiSlider/nouislider.js"></script>
<link href="https://rawgit.com/Dogfalo/materialize/master/extras/noUiSlider/nouislider.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css" rel="stylesheet"/>
</head>

<body>
<div style="padding:20px"></div>
<div id="test5"></div>
</body>
</html>

noUISlider - 2个句柄，交换最小值和最大值

0 个答案: