我正在尝试使用 noUISlider 来显示带有€
的“工具提示”作为其中的一部分。以下是我所拥有的一个实例:
https://jsfiddle.net/d4nxcwwu/4/
使用Javascript:
$(document).ready( function() {
var topSlider = document.getElementById('price_slider');
noUiSlider.create(topSlider, {
tooltips: [wNumb({ decimals: 0 }), wNumb({ decimals: 0 })],
behaviour: 'drag-tap',
connect: true,
range: {
'min': 10,
'max': 500
},
// snap: true,
start: [10, 500]
});
topSlider.noUiSlider.on('update', function ( values, handle, unencoded, isTap, positions ) {
$('#price_from').val(parseInt(positions[0]));
$('#price_to').val(parseInt(positions[1]));
});
});
HTML:
<div style="padding:100px">
<div id="price_slider"></div>
</div>
From: <input type="text" id="price_from" /><br>
To:<input type="text" id="price_to" />
页面有效,但我想要/需要的是工具提示显示的值如下:
€1234
不仅仅是
1234
输入中的值很好(我不希望它们附加到任何东西)
我玩过format
函数,但它似乎没有做我想要/期待的事情。
format: {
from: function(value) {
return parseInt(value);
},
to: function(value) {
return parseInt(value);
}
},
FWIW,我发现了这篇文章,但无法让它发挥作用:formatting the tooltip in noUISlider
非常感谢任何建议。