2016-08-30 3 views
0

그래서 가격 선택을 위해 noUiSlider를 사용하고 있습니다. 핸들 값에는 통화 접두어가 있으므로 고객이 통화를 자연스럽게 변경하는 경우 업데이트해야합니다.noUiSlider 접두어가 올바르게 업데이트되지 않습니다.

여기 내 코드입니다 :

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

호기심의 범위가 잘 업데이트되고 있지만, 접두사가 제대로 업데이트되지 않습니다. 이 일을하기 위해 내가해야 할 일이 있습니까?

+0

. https://refreshless.com/nouislider/more/ – dmoo

+0

@dmoo 슬라이더를 없애고 새 슬라이더를 만드는 유일한 방법은 무엇입니까? 접두사를 업데이트하기 위해 잔인한 것처럼 보입니다. 현재 접두어를 쿼리하는 방법이 있는지 알고 계십니까? (그래서 새로운 접두사와 비교하고 파괴 할 필요가 있는지 확인하십시오)? –

답변

0

는 여기에 내가 그 일을 결국 방법은 다음과 같습니다 당신은 단지 '여백', '한계', '스텝', '범위', '애니메이션'과 updateOptions와 '스냅'을 변경할 수 있습니다

// 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 
    }) 

} 
관련 문제