Jquery ui 将刻度添加到滑块UI
我相当熟悉javascript和jquery。我正在尝试向我的网页添加滑块。这是一个基本的滑块,任何人都可以选择0-100之间的值。我不知道如何在中间标记一些间隔。 这是我目前掌握的代码Jquery ui 将刻度添加到滑块UI,jquery-ui,slider,jquery-ui-slider,Jquery Ui,Slider,Jquery Ui Slider,我相当熟悉javascript和jquery。我正在尝试向我的网页添加滑块。这是一个基本的滑块,任何人都可以选择0-100之间的值。我不知道如何在中间标记一些间隔。 这是我目前掌握的代码 <script> $(function() { var temp = 0; $( "#slider" ).slider({ animate: true, value:temp, min: 0,
<script>
$(function() {
var temp = 0;
$( "#slider" ).slider({
animate: true,
value:temp,
min: 0,
max: 100,
step: 1,
slide: function( event, ui ) {
$( "#amount" ).val(ui.value );
},
stop: function(event, ui) {
temp = ui.value;
//Do something
}
});
$( "#amount" ).val($( "#slider" ).slider( "value" ) );
});
</script>
它运行正常。我想做的是在0.25,50,75和100处添加间隔标记
我已经讨论了一些问题,但不确定如何继续实施。谢谢你的帮助
我尝试了这个实现:但这并不是我想要做的,因为我只是想让勾号以那些固定的间隔出现,但用户应该能够选择其他值
谢谢
干杯我猜你想要这样的东西: 因此,您可以使用希望提供的最大单位,例如100,而不是使用滑块的最大选项中的刻度数。然后在refereshticks中,更新算法以切换类 滑块设置:
var slider = $("#slider").slider({
...
max: 100, // the only change
...
});
和刷新方法:
:比扬的回答可能会有所帮助
他建议的jQuery UI滑块的实现可能会帮助您找到解决方案:
是的,这就是我要找的,但我不想要范围滑块,我想要的只是一个单向滑块。就像一个音量控制。我不知道如何改变这个滑块到我想要的。
function refreshTicks() {
var s = slider
, lo = s.slider("values", 0), hi = s.slider("values", 1);
var max = s.slider('option', 'max');
s.find(".tick").each(function(i) {
var i = (i + 1) * (max/ticks.length) - (max/ticks.length)/2; // the updated algorithm
var inRange = (i >= lo && i < hi);
$(this)
[(inRange ? 'add' : 'remove') + 'Class']("ui-widget-header")
[(inRange ? 'remove' : 'add') + 'Class']("ui-widget-content");
});
}