Question

我需要四个带工具提示的幻灯片支架。当我尝试3然后它工作，但当我尝试4然后它显示以下错误：

未捕获错误：noUiSlider（10.0.0）：必须为所有人传递格式化程序手柄

我的代码

noUiSlider.create(handlesSlider4, {
    start: [4000, 8000, 12000, 16000],
    connect: [false, true, false, true, false],

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

    range: {
        'min': [2000],
        'max': [20000]
    }
});

缺少工具提示截图 http://prntscr.com/hh66qy 更新的代码

  noUiSlider.create(handlesSlider4, {
          start: [4000, 8000, 12000,16000],
          connect: [false, true, false, true,false],

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

          range: {
              'min': [2000],
              'max': [20000]
          }
      });

我如何在所有处理程序上看到工具提示？

Answer 1

您需要添加相同数量的hanldes（ start ）和格式化程序（ tooltips ）。

因此，如果您使用4个start句柄，tooltips的长度也应为4。

 ...

 // add a 4th input here, I have used `false` but use as per your requirement
 tooltips: [false, wNumb({ decimals: 1 }), true, false],

 ....

未捕获错误：noUiSlider（10.0.0）：必须为所有句柄传递格式化程序

1 个答案: