5

私はjQuery ui範囲スライダーhttp://jqueryui.com/demos/slider/#rangeを使用しています。スライドが完了したときに取得される2つの値があり(範囲の選択が行われます)、それらの値をjQueryに取得する方法変数と範囲が選択された後にのみ?その後、これらの値を取得するために ajax 呼び出しを行う必要があります。両方の範囲選択が完了した後にのみこれらの値を取得する方法を教えてください。

このjQuery ui関数を使用してスライダーを開始しています

$(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 500,
        values: [ 75, 300 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
        " - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
4

1 に答える 1

15
$(function() { 
    $( "#slider-range" ).slider({ 
        range: true, 
        min: 0, 
        max: 500, 
        values: [ 75, 300 ], 
        slide: function( event, ui ) { 
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); 
        },
        change: function(event, ui) {
            // when the user change the slider
        },
        stop: function(event, ui) {
            // when the user stopped changing the slider
            $.POST("to.php",{first_value:ui.values[0], second_value:ui.values[1]},function(data){},'json');
        }
    }); 
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) + 
                        " - $" + $( "#slider-range" ).slider( "values", 1 ) ); 
}); 
于 2012-08-02T11:35:27.640 に答える