javascript - 捕获jquery slider 的值

Question

我已经创建了jquery slider ，它工作得很好。我将 slider 分为三类。

    var setRatingValue = function() {
        // Set text
        var ratingValue = $("#rating-slider").slider("value");
        $("#rating-value").text('yellow');
        // Change the background colour of the slider
        //var hsl = "hsl("+ratingValue+", "+50+"%, "+50+"%)";
var color = '';
if(ratingValue > 0 & ratingValue <= 30)
    color = 'red';

else if(ratingValue > 30 & ratingValue <= 70)
    color = 'blue';

else if(ratingValue > 70 & ratingValue < 100)
    color = 'green';

        $(".ui-slider-range").css("background", color);
        // Set text colour
        $("#rating-value").css("color", color);
    };

slider 看起来像这样:http://jsfiddle.net/BxY99/2/这和我用过的不一样。

它采用 slider 的连续值。

我想提醒 slider 的值仅当它的值从这些类别之一(0 到 30、31 到 70、71 到 100)发生变化时。

目前，当 slider 移动时，它会提醒每个值。

任何帮助都是值得赞赏的

Answer 1

您可以使用 API 的滑动事件或更改事件有，

这些事件作为函数参数传递 event 和 ui 对象，您可以在其中通过 ui.value 检索值，

然后你可以使用:

$(".slider").slider({
    value: 50,
    slide: function (event, ui) {
        myFunction(event, ui);
    }
});

Demo