jQuery UI的滑块+更新最小和最大

Question

我工作的这个演示：www.datesitesfree.com.au

有滑块18和99以下2号...

我需要有一个范围滑尺（2可动部分）和最小需要更新18值和最大值需要更新99 value.eg：如何让2个移动部件

任何意见，以及如何让他们更新2个值分别吗？

这是当前HTML：

<h2 class="demoHeaders">Slider</h2> 
    <div id="slider"></div> 
    </br></br> 
    <span id="minAge">18</span> 
    </br></br> 
    <span id="maxAge">99</span> 

这里是当前JQUERY：

  $('#slider').slider({ 
       min: 18, 
       max: 99, 
       change: function(event, ui) { 
        $('span#minAge').html(ui.value); 
       } 
      }); 

THX

Answer 1

为了有一个双滑块，您需要设置范围： true和values：[开始，结束]。

因此，对于你的代码：

  $('#slider').slider({ 
       range: true, 
       min: 18, 
       max: 99, 
       values: [18, 99], 
       change: function(event, ui) { 
        $('span#minAge').html(ui.values[0]); 
        $('span#maxAge').html(ui.values[1]); 
       } 
      });