How to add multiple handles to a jQuery slider on the fly

3
votes

I want to do this :

  1. Add a handlle to a jQuery slider on some event
  2. That handle should have an id so that when it slides, I can access its value. Any ideas how to do this ? Here is the code in JSfiddle where a slider with two handles is implemented. All I need to do is add handles on the fly by some event triggered and get the values each handle for Further utilization.
1
javascriptjquery-uislideruislider
Post your code. It is unclear what you have now, and what you are asking. - Brad

1 Answers

5
votes

I don't see any possibility according to the documentation on http://jqueryui.com/demos/slider/. You could destroy and recreate the slider when a value is added or removed. This requires you to store all current values of existing handles. Not a super elegant solution but it's the only one I currently see besides updating the jquery ui library.

I updated your fiddle with a simple example: http://jsfiddle.net/FPCRb/4/