jquery用户界面滑块+；更新min&；最大值

我正在制作这个演示：

滑块18和99下方有两个数字

我需要一个范围滑块（2个可移动部件），最小值需要更新18值，最大值需要更新99值。例如：

关于如何获取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>

---

thx

为了拥有双滑块，您需要设置范围：true和值：[开始，结束]

因此，对于您的代码：

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

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