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 ); }