jQuery UI Slider filement group to drag a slider using javascript?

Question

I want to control jquery UI slider using JavaScript. I want to move slider to certain position when a event is triggered.

    $('select#dn_event_date, select#up_event_date').selectToUISlider(

            {
                    // labels and tooltipSrc are selectToUISlider specific options
                    labels: 0                       
                    sliderOptions: {                        
                        // swapped out stop for change here
                    change: function(){
                            // Here i want to control to move slider to certain position                        
                            }
                      }
                }

        );

How can i do that?

Yes i'm using filamant group slider.[click here](http://filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/)! — Manivasagan, Mar 06 '13 at 04:42

score 0 · Answer 1 · answered Mar 05 '13 at 12:36

you just need to use the value() function

for example let's say you have button and when the user click it you need to move the slider about 60% from the start:

$('#btnRun').click(function(){
    $(".selector").slider("value",60);
});

check this for more information.

jQuery UI Slider filement group to drag a slider using javascript?

1 Answers1