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 для всех ползунков и идентифицировать ползунки по их идентификаторам? Я не хочу иметь одну функцию для каждого слайдера. Это взрывает мой код и бесполезно в моих глазах. Я хочу создать слайдер и идентифицировать его по его идентификатору.

Кто-нибудь знает, как это сделать?

Спасибо Бернхард

0 ответов

Другие вопросы по тегам