Question

更新：抱歉，请忽略这个问题。解决方案类似于Jquery ui slider: value, min and max in the html

我在输入字段中提取保存的值（ value =“4 - 88”）时遇到问题。这个值是动态的，并且没有硬编码，这就是我使用滑块的原因。我想将此值保存为ui.slider的默认值。所以我希望我不必使用cookie。

HTML：

 <label>Range</label>
 <span class="prefix">
   <div class="range">This will be populated with ui.slider markup</div>
  </span> 
  <input type="text" size="9" value="4 - 88" class="inputfield">

JQUERY：

$('.range').each(function() {
var maxRange = 100;
      var inputSlider = $(this).parent().next('.inputfield');
       $(this).slider({
           range: true,
           min: 0,
           max: maxRange,
           values: [ 0, maxRange ], // How to catch the values from the inputfield, and dynamically updated here?
           slide: function( event, ui ) {
                inputSlider.val(ui.values[ 0 ] + " - " + ui.values[ 1 ]);
           }            
        });
        // inputSlider.val( $(".range" ).slider( "values", 0 ) + " - " + $( ".range" ).slider( "values", 1 ));  
    inputSlider.val($(this).parent().next('.inputfield').val());    
    $('.range').val( inputSlider.val() );   // This attempt fails       
     });

所以我希望输入值（“4 - 88”或此处存储的任何新范围）为滑块的值（.range）。目前，滑块始终重置为0 - 100。

任何暗示都会非常感激。感谢

将输入字段中的值存储到ui.slider中

0 个答案: