jqueryui滑块标签

我的页面上有以下UI滑块

jQuery( document ).ready(function( $ ) {
        $( "#slider-payback" ).slider({
            range: "min",
            value:100,
            min: 18,
            max: <?php echo json_encode($max_payback); ?>,
            step: 6,

            slide: function( event, ui ) {
                $( "#payback-period" ).val( "" + ui.value )
                totalPayableFunc();
                monthlyPaymentsFunc();
            }
        });
        $( "#payback-period" ).val( "" + $( "#slider-payback" ).slider( "value" ) );
        totalPayableFunc();
        monthlyPaymentsFunc();
    });  

jQuery（文档）.ready（函数（$）{
$（“#滑块回报”）.slider({
射程：“分钟”，
数值：100，
民:18,，
马克斯：，
步骤：6，
幻灯片：功能（事件、用户界面）{
$（“#投资回收期”）.val（“+ui.value”）
totalPayableFunc（）；
每月支付金额（）；
}
});
$（“#回收期”）.val（“+$（“#滑块回收”）.slider（“值”））；
totalPayableFunc（）；
每月支付金额（）；
});  

是否可以轻松地在滑块上添加“最小”和“最大”标签？我还没有尝试这样做，因为我不确定解决这个问题的最佳方法

---

谢谢

我不确定是否有任何外部库，但使用Jquery滑块本身是不可能的

但由于您只需要最小和最大标题，所以可以将以下内容与HTML和CSS结合使用

在HTML中的滑块元素之前和之后添加标签

<label>Min</label><div id="slider"></div><label>Max</label>

JSFiddle

你也可以看看这个。

---

您面临的问题是什么？我正在尝试在滑块的一端添加“最小”标签，另一端添加“最大”标签。我只是不确定解决这个问题的最好方法是什么这个例子展示了如何做到这一点。

#slider {
    width: 50%;
    float :left;
}
label
{
    float : left;
}