CODEWITHSUNDEEP
javascriptjquery-uislideruislider
GILL
GILL

Reputation: 319

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

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.

Upvotes: 3

Views: 4625

Answers (1)

T. Junghans
T. Junghans

Reputation: 11683

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/

Upvotes: 5

Related Questions