jquery - JQuery UI 範囲スライダーの更新値

Question

JQuery UI Range スライダーの実装があります。

$(function() {
$("#test").val(0);
$( "#slider-range" ).slider({
      range: true,
      min: 1,
    max: 24,
    values: [ 10, 15 ],
    create: function(event, ui){

       },
       slide: function( event, ui ) {
         $( "#amount" ).val( "" + ui.values[ 0 ] +":00" + " - " + ui.values[ 1 ]+":00" );
    }
});

$( "#amount" ).val( "" + $( "#slider-range" ).slider( "values", 0 ) +
    ":00 - " + $( "#slider-range" ).slider( "values", 1 ) + ":00");

$( "#check" ).button();
$( "#format" ).buttonset();
});

valuesこれらの関数の外にあるスライダーにアクセスしたい。別名ui.values[ 0 ]とui.values[ 1 ]。ただし、このブロックの外にある種のグローバル変数を作成し、その変数を更新し$( "#slider-range" ).slider({slide:})ても上書きされないため、ユーザーがスライダーを使用しても更新されません。どんな助けでも大歓迎です。ありがとう！

Answer 1

次のようにフォームに隠し変数を設定し、スライド関数を使用して更新します slide:function (event,ui) { document.getElementById("testH").value=$( "#slider-range" ).slider( "values" , 0 ); }