Javascript jquery中的字母数字范围滑块
我试图为字母数字字符创建一个简单的范围滑块(例如AAA12、AAB11、BA21、BC33、FG34),但没有成功 我正在使用,但看起来不支持字母数字 这是小提琴手: JSJavascript jquery中的字母数字范围滑块,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我试图为字母数字字符创建一个简单的范围滑块(例如AAA12、AAB11、BA21、BC33、FG34),但没有成功 我正在使用,但看起来不支持字母数字 这是小提琴手: JS $( "#slider-range" ).slider({ orientation: "vertical", range: true, values: [ 17, 67 ], slide: function( event, ui ) { $( "#codes"
$( "#slider-range" ).slider({
orientation: "vertical",
range: true,
values: [ 17, 67 ],
slide: function( event, ui ) {
$( "#codes" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#codes" ).val($( "#slider-range" ).slider( "values", 0 ) +
" - " + $( "#slider-range" ).slider( "values", 1 ) );
当我试图在滑块值中设置字母数字字符时,它根本没有渲染
问题:
如何启用范围滑块以支持字母数字字符?非常感谢您的帮助。我也做过类似的事情。我将这些值放入一个数组,然后使用滑块作为数组索引。有点像这样:
var arrCodes = [
'AAA12',
'AAB11',
'BA21'
];
然后可以在滑块上设置和值,如下所示:
min: 0,
max: arrCodes.length - 1
然后,当您想知道在滑块中选择的值时:
slide: function(event, ui) {
console.log('Min: ' + arrCodes[ui.values[0]]);
console.log('Max: ' + arrCodes[ui.values[1]]);
}
我已经更新了你的JSFIDLE:这可能会对你有所帮助:@WaKai,谢谢你的链接。