Javascript 捕获jquery滑块的值

Javascript 捕获jquery滑块的值,javascript,jquery,Javascript,Jquery,我已经创建了jqueryslider,它工作得很好。我将滑块分为三类 var setRatingValue = function() { // Set text var ratingValue = $("#rating-slider").slider("value"); $("#rating-value").text('yellow'); // Change the background colour of the slid

我已经创建了jqueryslider,它工作得很好。我将滑块分为三类

    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);
    };
var setRatingValue=function(){
//设置文本
var评级值=$(“#评级滑块”)。滑块(“值”);
$(“#额定值”).text('yellow');
//更改滑块的背景色
//var hsl=“hsl(“+ratingValue+”、“+50+”、“+50+”)”;
var color='';
如果(额定值>0,额定值30,额定值70,额定值<100)
颜色='绿色';
$(“.ui滑块范围”).css(“背景”,颜色);
//设置文本颜色
$(“#评级值”).css(“颜色”,颜色);
};
滑块看起来像这样:这和我用过的不同

它需要滑块的连续值

仅当滑块的值从以下类别之一(0到30、31到70、71到100)更改时,我才想提醒滑块的值

当前,当滑块移动时,它会提醒每个值


任何帮助都是可感知的

您可以使用

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

然后您可以使用:

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

对于哪种浏览器,您面临的问题是:您可以向我们展示您实际使用的滑块吗?首先,您有一些语法错误
&
是JavaScript中的一个位运算符。你需要
&&
布尔运算符(这意味着两个术语的计算结果都必须为true)。@JordyvanKuijk:我试过了,但我的小提琴不起作用。你检查我的小提琴吗:-这是你想要的行为吗?