2

jQueryモバイルスライダーを少しドラッグしてから、プログラムで別のjQueryモバイルスライダーに設定した後、jQueryモバイルスライダーから値を取得しようとしています。

$(selector).slider(value)、$(selector).attr('value)、またはを試しまし$(selector).slider().value()たが、私の場合はすべてうまくいかないようです。

jQuery Mobile 1.2.0 と jQuery 1.8.0 を使用しています

以下は、私が仕事をしようとしているコードです:

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

これが私が取り組もうとしている実際のURLです

4

2 に答える 2

1

これが実際の例です: http://jsfiddle.net/Gajotres/PzTeX/

その例は、この質問のために作成されました: https://stackoverflow.com/a/13554192/1848600

1ヶ月前に作りました。基本的に、最初のスライダーに従って他の 3 つのスライダーを移動します。これはコード例です。

$("input#europe, input#us, input#uk, input#japan").live("slidestop", function() {
    $(this).mouseup();
    var changeVal = ($(this).val() - $(this).attr('min'))/($(this).attr('max') - $(this).attr('min'));
    changeSliders(changeVal, $(this).attr('id'));    
});

function changeSliders(changeVal, sliderID){
    $("input#europe, input#us, input#uk, input#japan").each(function(){
    var newValue = parseFloat($(this).attr('min')) + parseFloat(($(this).attr('max') - $(this).attr('min')))*changeVal;
    if($(this).attr('id') != sliderID) {    
        $(this).val(newValue);
    }
    });
    $("input#europe, input#us, input#uk, input#japan").slider('refresh');    
}
于 2013-01-23T08:13:40.547 に答える
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

于 2013-01-23T06:10:16.830 に答える