Correct way to add multiple event listeners

I have the following code and I’m trying to add multiple event handlers to a slider, but I keep getting the following error “namespacedEvent.split is not a function”… What is the correct way of doing this?

noUiSlider.create(testSlider, {
    start: 0,
    step: 1,
    range: {
        'min': 0,
        'max': 10,
    },
    format: {
        to: function (value) {
            return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        },
        from: function (value) {
            return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        },
    },
    }).on(
    {
        'slide': function (values, handle) {
            console.log("Slide Fired");
        }
    },
    {
        'end': function (values, handle) {
            console.log("End Fired");
        }
    }
);

[leongersen]

Call on multiple times, like so:

noUiSlider.create(testSlider, ...);

testSlider.noUiSlider.on('slide', function() { ... });
testSlider.noUiSlider.on('end', function() { ... });

[github-actions[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.