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