jQuery прослушивает события изменения с помощью ползунка hexagon.js

Question

Я скачал hexagon.js, чтобы использовать их ползунки (https://hexagonjs.io/docs/slider/). В мой HTML, я вставил

<div class="slider" class="hx-slider"></div>

И в javascript

$('.slider').each(function(){
slider = new hx.Slider(this); });

и

slider.on('change', function(){
console.log("test"); });

И это работает нормально, но, как и ожидалось, проблемы звезд при добавлении более одного ползунка. Тогда только «последний созданный ползунок» будет «ловить» событие.

Язнаю, почему это происходит, но я не знаю, как это сделать правильно.

Спасибо за любой совет

Answer 1

Попробуйте с помощью:

$(".slider").on("change", function() {
    console.log("test");
});

Это прикрепит событие "change" ко всем .slider элементам.

EDIT:

Согласно документам slider , для компонента слайдера существует событие change.Таким образом, вы можете сделать что-то вроде:

$(".slider").each(function() {
    slider = new hx.Slider(this);
    slider.change(function(value) {
        console.log("test");
    });
});

Удачи!