Javascript Jquery-将变量文本添加到滑块

这就是我现在拥有的，它是一个显示值的滑动条。HTML部分如下所示：

$('#slider').slider({
    range: "min",
    value: 20,
    step: 5,
    min: 20,
    slide: function( event, ui ) {
        $( "#amount1" ).val( "$" + ui.value );
    }
});

优惠：

我想要的是在它下面有一个表格和一块文本；除非我希望文本随着值的增加而改变。比如说，如果它是

=20

和

<40

它会说

“Blah1”=>40

它会说“blah2”

但是我在向幻灯片功能添加另一个事件时遇到问题

---

非常感谢你的帮助，我会把它应用到很多事情上。通常每个脚本只有一个函数，我从来没有这样分层过。

您需要做的就是在现有函数中添加一段额外的代码，用于计算

ui的值。value

：

<label for="amount">Offer:</label>
<input type="text" id="amount1" />
<div id="slider"></div>

$（“#滑块”）.滑块({
射程：“分钟”，
价值：20，
步骤：5，
民:20,，
幻灯片：功能（事件、用户界面）{
$（“#amount1”）.val（“$”+ui.value）；
如果（ui.value>=20&&ui.value<40）{
$（“#消息”）.text（“大于或等于20且小于40”）；
}否则如果（ui.value>=40）{
$（“#消息”）.text（“大于或等于40”）；
}
}
});

---

示例：

您可以发布用于表格的代码吗？可能是小提琴？

$('#slider').slider({
    range: "min",
    value: 20,
    step: 5,
    min: 20,
    slide: function(event, ui) {
        $("#amount1").val("$" + ui.value);

        if (ui.value >= 20 && ui.value < 40) {
            $("#message").text("greater than or equal to 20 and less than 40");
        } else if (ui.value >= 40) {
            $("#message").text("greater than or equal to 40");
        }
    }
});