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

我正在使用jQuery旋钮（）并试图在拨号盘的值>=10、>=20、>=30等时触发一系列div上的“toggleClass”事件

使用这个，我可以看到控制台中的值

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

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

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

然后，当值>=20时

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

等等

---

我假设使用toggleClass意味着当值再次低于断点时，该类将被删除，对吗？

提供给

change

事件处理程序的参数是旋钮控件中设置的当前值。因此，您只需要为

toggleClass（）

提供一个布尔值，以确定是否应添加或删除该类。试试这个：

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

---

没错，toggle类将检查该类是否存在于特定条件或事件中。如果存在，则将其删除；如果不存在，则将其添加。完整的代码可能会有所帮助，但它似乎是适合您的用例的正确工具