noUiSliders: как определить слайдеры по идентификатору?
Меня интересует эффективное использование noUiSlider.
Прямо сейчас я получил следующий код:
$( function() {
$( ".slider_test" ).slider({
orientation: "vertical",
value: 0,
min: -15,
max: 15,
slide: function( event, ui ) {
console.log("Fader moved");
},
create: function( event, ui ) {
console.log("Fader ready");
}
})
});
<div class="slider_test" id="slider1"></div>
<div class="slider_test" id="slider2"></div>
<div class="slider_test" id="slider3"></div>
<div class="slider_test" id="slider4"></div>
Есть ли способ, чтобы просто иметь одну функцию js для всех ползунков и идентифицировать ползунки по их идентификаторам? Я не хочу иметь одну функцию для каждого слайдера. Это взрывает мой код и бесполезно в моих глазах. Я хочу создать слайдер и идентифицировать его по его идентификатору.
Кто-нибудь знает, как это сделать?
Спасибо Бернхард