jquery ui slider +更新min＆amp;最大

Question

我正在制作这个演示：www.datesitesfree.com.au

滑块18和99下面有2个数字......

我需要一个范围滑块（2个可移动部件），min需要更新18值，max需要更新99值.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和值：[start，end]。

所以对于你的代码：

            $('#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]);
                }
            });