IonRangeSlider not initializing?

Question

JavaScript

Good afternoon. I am using the ionRangeSlider plugin. Initialization occurs in a modal form. But when the form I reopen that values ​​remain old? Maybe someone faced this? Thank you.
Code example

(function ($) {
    $('.modal').on('shown.bs.modal', function (e) {
        $.each($(".probability"), function (key, value) {
            $(value).ionRangeSlider({
                type: 'single',
                min: 0,
                max: 100,
                postfix: '%',
                from: $(value).val(),
                step: 0.5,
                keyboard: true,
                prettify: false,
                hasGrid: true,
                grid: true,
                grid_snap: true
            });
        });
    });
})(jQuery);

:

Answer 1

Most likely you are not destroying the instance properly. Try to do the following check before initialization:

var old = $(value).data("ionRangeSlider");
if (old) {
    old.destroy();
}

$(value).ionRangeSlider({
    ...

UPD:
Then differently, here I made a demo in which a new instance is created without deleting the old one: jsfiddle.net/IonDen/7cs1L93s
As you can see, everything works fine and the new values ​​are assigned perfectly. So the problem is different, in that you take the value like this: from: $(value).val(), and there it is old.