Javascript 开关箱在发生更改事件时不点火

我试图使动态滑块改变背景颜色取决于它已经滑动到哪个值。我用一个简单的

开关盒

来实现这一点，但它似乎没有输入此语句

还可以在以下网站上找到实施：

---

change\u var

保存字符串值。您的

case

语句将查找数字匹配

使用

开关（parseInt（change_var，10））{

switch(parseInt(change_var, 10)) {
case 1: break;
...
}

---

change_var为string

切换条件和后续情况下的参数类型应相同，但在您的情况下，它们不同。请使用以下参数

$(document).ready(function() {
    var change_var = $('#slider_pain').val();
    $('#slider_pain').bind('change', function () {
        if (change_var !== $(this).val()) {
            change_var = $('#slider_pain').val();
            console.log(change_var);
            switch(parseInt(change_var)) {
                case 1:
                    break;
                case 2: 
                    console.log("#2");
                    break;
                case 3:
                    break;
                case 4:
                    break;
                case 5:
                    break;
                case 6:
                    break;
                case 7:
                    break;
                case 8:
                    break;
                case 9:
                    break;
                case 10:
                    break;
                default:
            }
    }});
});   

将开关（更改变量）更改为开关（+更改变量）；或者，为了避免转换为数字，您可以更改大小写并将其设置为字符串，例如“1”、“2”。问题是，当在开关/大小写中使用值时，JavaScript不会使用隐式强制。例如，当需要将表达式求值为布尔值时，它会这样做，例如，1='1'（而不是1='1'）

$(document).ready(function() {
    var change_var = $('#slider_pain').val();
    $('#slider_pain').bind('change', function () {
        if (change_var !== $(this).val()) {
            change_var = $('#slider_pain').val();
            console.log(change_var);
            switch(change_var) {
                case '1':
                    break;
                case '2': 
                    console.log("#2");
                    break;
                case '3':
                    break;
                case '4':
                    break;
                case '5':
                    break;
                case '6':
                    break;
                case '7':
                    break;
                case '8':
                    break;
                case '9':
                    break;
                case '10':
                    break;
                default:
            }
    }});
});   

$(document).ready(function() {
    var change_var = $('#slider_pain').val();
    $('#slider_pain').bind('change', function () {
        if (change_var !== $(this).val()) {
            change_var = $('#slider_pain').val();
            console.log(change_var);
            switch(parseInt(change_var)) {
                case 1:
                    break;
                case 2: 
                    console.log("#2");
                    break;
                case 3:
                    break;
                case 4:
                    break;
                case 5:
                    break;
                case 6:
                    break;
                case 7:
                    break;
                case 8:
                    break;
                case 9:
                    break;
                case 10:
                    break;
                default:
            }
    }});
});