jQuery: Добавить класс, основанный на значении слайдера/bootstra-slider.js

Question

Я использую bootstrap-slider.js и был бы признателен, если бы кто-то мог помочь мне добавить функцию для добавления класса (.active), если ползунок имеет конкретное значение (ex.1100) с JQuery

классом active должны быть добавлены к изображению или DIV (я использую шрифтами удивительной иконку в качестве примера в демке)

мой текущий js

$("#slider").slider({ 
    tooltip: 'always' 
}); 

$("#slider").on("slide", function(slideEvt) { 
    $("#slider-val").val(slideEvt.value); /* Changes the value of the input field with the slider value */ 

}); 

Codepen: http://codepen.io/anon/pen/ojdEBM

Answer 1

Добавить if заявление в обработчике слайд, чтобы проверить, если значение ползунка равно заданному значению, а затем использовать addClass() добавить активный класс элементов.

Я предположил, что вы хотите, чтобы активный класс удалялся, если ползунок НЕ с указанным значением, что и делает блок else. Если вы не хотите, чтобы его удаляли, удалите блок else.

$("#slider").on("slide", function(slideEvt) { 
    $("#slider-val").val(slideEvt.value); 
    if (slideEvt.value == 1531){ 
     $('.fa-user').addClass('active'); 
    } else { 
     $('.fa-user').removeClass('active'); 
    } 
});