javascript - noUiSlider "Must pass a formatter for all handles"带有工具提示格式

Question

当我尝试设置工具提示的小数位格式时，出现以下错误。不确定为什么，因为我从文档中复制粘贴工具提示行。

“ Uncaught Error :noUiSlider:必须为所有句柄传递格式化程序。”

jQuery(document).ready(function(){
var frequencySlider = document.getElementById('frequencySlider');

noUiSlider.create(frequencySlider, {
    start: [ 4 ],
    step: 1,
    range: {
        'min': [  1 ],
        'max': [ 40 ]
    },
        tooltips: [true, wNumb({ decimals: 1 })],
    pips: {
        mode: 'values',
        values: [1, 10, 20, 30, 40],
        density: 100,
        stepped: true,
    }

});



var frequencyNumber = document.getElementById('rangePickerTextMonthly');

frequencySlider.noUiSlider.on('update', function( values, handle ) {

    var value = values[handle];
        frequencyNumber.value = value;
            optionChange();
});



frequencyNumber.addEventListener('change', function(){
    frequencySlider.noUiSlider.set([null, this.value]);
});

});

Answer 1

开始选项设置句柄的数量和相应的开始位置。在您的示例中，您有两个工具提示格式化程序

    tooltips: [true, wNumb({ decimals: 1 })]

相反，您需要一个作为唯一的句柄

    tooltips: [true] 

或者

    tooltips: [ wNumb({ decimals: 1 })]

如果您想显示所有句柄的工具提示，只需使用 tooltips : true ，如果不显示，则使用 tooltips : false