Используя jQuery Knob, я хочу переключать класс при увеличении значения

Question

Я использую ручку jQuery (http://anthonyterrien.com/knob/) и пытаюсь вызвать событие 'toggleClass' для серии делений, когда значение набора>> 10,> = 20,> = 30 и т. Д.

Используя это, я вижу значение в консоли

$(".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);
  }
});