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

JQuery UI范围滑块更新值

1 个答案: