2016-08-30 5 views
0

価格選択のためにnoUiSliderを使用しています。ハンドルの値には通貨プレフィックスがあるため、顧客が通貨を変更する場合は更新する必要があります。noUiSliderプレフィックスが正しく更新されない

は、ここに私のコードです:

priceSlider.noUiSlider.updateOptions({ 
    range: { 
    min: minPrice, 
    max: maxPrice 
    }, 
    format: wNumb({ decimals: 0, prefix: currency }) 
}) 

不思議なことに、範囲がうまく更新されているが、プリフィックスが正しく更新されていません。これを実現させるために何か必要なことはありますか?

+0

あなただけupdateOptionsと「マージン」、「制限」、「ステップ」、「範囲」、「アニメーション」と「スナップ」を変更することができます。 https://refreshless.com/nouislider/more/ – dmoo

+0

@dmooスライダーを破棄して新しいスライダーを作成する唯一の方法はありますか?プレフィックスを更新するために過度のように思えます。現在のプレフィックスを照会する方法があるかどうかを知っていますか(これを新しいプレフィックスと比較して、破棄する必要があるかどうかを確認できます)。 –

答えて

0

は、ここで私はそれをやってしまった方法は次のとおりです。

// Old prefix is different to new prefix, must destroy slider entirely 
if ((priceSlider.noUiSlider.get()).charAt(0) != currency) { 

    priceSlider.noUiSlider.destroy() 
    // Create new slider here 

} else { 

    // Old prefix is identical, just do a regular update 
    coursePriceSlider.noUiSlider.updateOptions({ 
    // options here 
    }) 

} 
関連する問題