我想使用jQuery旋钮在值增加时切换类

Question

我正在使用jQuery旋钮（http://anthonyterrien.com/knob/），并尝试在转盘的值> = 10，> = 20，> = 30等时触发一系列div上的“ toggleClass”事件< / p>

使用它，我可以在控制台中看到该值

$(".dial").knob({
    'change' : function (v) { console.log(v); }
});

但是我想知道-在代码中以及代码中的什么位置-当值> = 10时，我可以触发以下内容

$("#eq-1").toggleClass('active');

然后当值是> = 20

$("#eq-2").toggleClass('active');

等...

我正确的假设是，使用toggleClass意味着当值再次低于断点时，将删除该类？

Answer 1

提供给change事件处理程序的参数是在旋钮控件中设置的当前值。这样，您只需要向toggleClass()提供一个布尔值即可确定是应该添加还是删除该类。试试这个：

$(".dial").knob({
  'change': function (v) { 
    $("#eq-1").toggleClass('active', v >= 10);
    $("#eq-2").toggleClass('active', v >= 20);
  }
});