Question

I’m trying to take a value from a jQuery mobile slider after dragging it a bit and then setting it to another jQuery mobile slider programmatically.

I’ve tried $(selector).slider(value), $(selector).attr('value), or $(selector).slider().value() but they all don’t seem to work in my case.

I’m using jQuery Mobile 1.2.0 and jQuery 1.8.0

Below is the code that I’m trying to get to work:

$('#slider1').change(function(){
        var slide1Val = $(this).val();
        $('#slider2').val(slide1Val).slider('refresh');
};

Here’s the actual URL that I’m trying to work on

Answer 1

you can do something like this

$("#gen1").live("pageinit",function(){
     $("#slider1").change(function(){
         $("field1").html(this.value);
         $("#slider2").val(this.value/2);
         $("#slider2").slider("refresh");
   });
});

Hope this helps