使用 jQuery Knob 我想在值增加时切换类答案

【问题标题】：Using jQuery Knob I want to toggleClass when value increases使用 jQuery Knob 我想在值增加时切换类
【发布时间】：2019-07-01 13:07:43
【问题描述】：

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

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

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

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

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

然后当值 >=20 时这个

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

等等……

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：