search

IonDen / ion.rangeSlider

jQuery only range slider
http://ionden.com/a/plugins/ion.rangeSlider/en.html
MIT License
2.56k stars 508 forks source link

Dropdowns with params #570

Closed lmewmewl closed 4 years ago

lmewmewl commented 6 years ago

Hello, i have some trouble with task. Here is a layout, i cant understand how to add dropdowns with params, DOM always updating, even if i try to use on('click') event with update disable, range slider still working. tohardreangeslider

IonDen commented 6 years ago

Hey, 2 ways.

  1. You will need to modify sliders template (in core) and manually add this dropdowns to labels
  2. You should disable native labels and create custom labels, separately from slider. onChange callback will return all necessary data to move custom label around.
lmewmewl commented 6 years ago

2nd way is faster i think :) later i try to share my code

lmewmewl commented 6 years ago

@IonDen here is my raw example http://jsfiddle.net/oztcdkh4/7/

But now i have a question about range, how i can change range beteween mm and meters with different labels?

IonDen commented 6 years ago

@lmewmewl, nice one.

For your second question, you can do like this: http://jsfiddle.net/IonDen/st9eotpy/

basically, after number will exceed some limit - prettify it with different function.