编程语言
首页 > 编程语言> > javascript – Jquery – 向Slider添加变量文本

javascript – Jquery – 向Slider添加变量文本

作者:互联网

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

这就是我现在所拥有的,它是一个显示值的滑块. HTML部分如下:

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

我想要的是在它下面有一个带有一块文字的表格;除了我希望文本随着值的增加而改变.比如,如果它是> = 20并且< 40它说“Blah1”=> 40它会说“blah2”

但是我在滑动功能中添加另一个事件时遇到了麻烦.

非常感谢你的帮助,我将能够将它应用到很多方面.通常它只是每个脚本一个函数,我从来没有像这样分层.

解决方法:

您应该做的就是在现有函数中添加一段额外的代码来评估ui.value的值:

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

示例:http://jsfiddle.net/andrewwhitaker/WP29E/16/

标签:jquery,javascript,jquery-ui,slider,jquery-ui-slider
来源: https://codeday.me/bug/20190625/1288137.html