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');
    }
});

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

1 个答案: