Есть несколько вариантов, которые помогут решить проблему, если функция update в библиотеке ion-rangeslider не работает:
1. Убедитесь, что вы используете актуальную версию библиотеки. Проверьте документацию на официальном сайте, чтобы убедиться, что вы используете правильные методы и параметры для обновления слайдера.
2. Проверьте, подключены ли все необходимые файлы библиотеки ion-rangeslider. Убедитесь, что подключены именно файлы JS (ion.rangeSlider.min.js) и CSS (ion.rangeSlider.min.css).
3. Попробуйте выполнить обновление слайдера после того, как он полностью инициализирован. Для этого, можно использовать событие "change" или "load" на элементе слайдера:
```javascript
$(".js-range-slider").on("change", function () {
my_range.update({
from: 300,
to: 400
});
});
```
4. Если ничего из вышеперечисленного не сработало, рекомендуется проконсультироваться с разработчиками библиотеки ion-rangeslider, написав им в их группу поддержки в GitHub или на форуме. Они могут предложить решение или объяснить причину возникновения проблемы.
Надеюсь, что одно из этих решений поможет вам решить проблему с библиотекой ion-rangeslider!
Примеры на странице с демо показывают два способа использования ionRangeSlider.
Первый способ: внутри инициализации используется onChange, onReset и onUpdate. Например:
$("#demo_2").ionRangeSlider({
type: "double",
values: [
"Jan", "Feb", "Mar", "Apr", "May", "Jun",
"Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
],
from: 1,
to: 10,
onChange: function (data) {
console.dir(data);
}
});
Второй способ: целевой элемент определяется, затем инициализируется ionRangeSlider, а после этого к целевому элементу применяются change, reset и update. Например:
var $d3 = $("#demo_3");
$d3.ionRangeSlider({
skin: "big",
min: 0,
max: 10000,
from: 5000
});
$d3.on("change", function(){});
$d3.on("reset", function(){});
$d3.on("update", function(){});