noUiSlider"必须通过所有句柄的格式化程序"使用工具提示格式

时间:2017-10-17 16:37:25

标签: javascript jquery nouislider

当我尝试格式化工具提示的小数位时,我得到以下错误。不确定为什么我会复制粘贴文档中的工具提示行。

"未捕获错误: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]);
});

});

1 个答案:

答案 0 :(得分:2)

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

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

相反,你只需要一个用于你的唯一手柄

    tooltips: [true] 

或者

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

如果要显示所有句柄的工具提示,只需使用工具提示:如果不使用工具提示,则为true:false