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

Question

我正在使用 jQuery 旋钮 (http://anthonyterrien.com/knob/) 并尝试在表盘的值为 >=10 时触发一系列 div 上的 'toggleClass' 事件，> =20, >=30 等等

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

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

但我想知道如何 - 在代码中的什么位置 - 当值 >=10

时我可以触发以下内容

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

然后当值>=20

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

等...

我假设使用 toggleClass 意味着当值再次低于断点时删除 class 是否正确？

Answer 1

提供给 change 事件处理程序的参数是旋钮控件中设置的当前值。因此，您只需向 toggleClass() 提供一个布尔值，以确定是否应添加或删除 class。试试这个：

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

Using jQuery Knob I want to toggleClass when value increases