我有一个jQuery滑块定义如下:
$('#price-slider').slider({
min: 7,
max: 16,
animate: true,
range: true,
step: 10,
values: [7, 16]
});
$('#price-slider').slider().slider('pips');
渲染时,只有一个句柄,最小/最大值都等于定义的最小值7。
答案 0 :(得分:1)
你的滑块不会移动,因为你有最小值和最大值7,16并且步长是10 ??
所以你需要改变步骤,比如9或改变最小值,最大值......
参见工作代码:
<html lang="en">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$('#price-slider').slider({
min: 7,
max: 16,
animate: true,
range: true,
step: 1,
values: [7,16]
});
$('#price-slider').slider().slider('pips');
} );
</script>
</head>
<body>
<div id="price-slider"></div>
</body>
</html>
&#13;