jquery - jQuery：根据滑块的值添加类 / bootstra-slider.js

Question

我正在使用bootstrap-slider.js，如果滑块具有 jQuery 的特定值（例如 1100），如果有人可以帮助我添加一个函数来添加一个类（.active），我将不胜感激

该类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 */

});

代码笔： 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');
    }
});