2017-11-30 10 views
-1

ツールチップ付きのスライドホルダが4つ必要です。私は3をしようとすると、それは動作しますが、私は4をしようとすると、それは次のエラーを示しています。未知のエラー:noUiSlider(10.0.0):すべてのハンドルにフォーマッタを渡す必要があります

Uncaught Error: noUiSlider (10.0.0): must pass a formatter for all handles

私のコード

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] 
      } 
     }); 

すべてのハンドラでツールチップをどのように見ることができますか?

答えて

0

あなたは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], 

.... 
+0

感謝の長さを持っている必要がありますが、今、私は上記ハンドルにツールチップを表示することはできません。 – Peter

+0

'tooltips'配列の第1要素と第4要素として' false'を使用しているからですか? –

関連する問題