Проблема с отображением значений ion.rangeslider, как ее решить?

Question

[sergey]

Есть фильтр выбора цены, минимального и максимального значения, использую ion.rangeslider, и вот в чем вопрос, как сделать что бы при загрузке страницы, открытии фильтра в полях мин и макс уже стояли значения, сейчас у меня они пустые и только после действия выбора цен (движения ползунка), значения появляются. Как это исправить? Спасибо.

пример на скорую руку jsfiddle

Answer 1

[sergey]

Нужно объединить все действия в одну функцию и присвоить её к onStart и onChange

$(document).ready(function() {
  var $range = $(".range_slider"),
    $min = $(".min-price"),
    $max = $(".max-price"),
    ionValues = function(data) {
      $min.text(data.from + ' руб.');
      $max.text(data.to + ' руб');
    }

  $range.ionRangeSlider({
    type: "double",
    min: 10000,
    max: 10000000,
    from: 26000,
    to: 900000,
    hide_from_to: true,
    onStart: ionValues,
    onChange: ionValues
  });
});

Answer 2

[Никита]

$range.ionRangeSlider({
    type: "double",
    min: 10000,
    max: 10000000,
    from: 26000,
    to: 900000,
    hide_from_to: true,
    onload: function(data){
     // тут доступны  data.fromNumber; data.toNumber;
        $min.val(data.fromNumber);
        $max.val( data.toNumber);
    }
  });

Comments

[sergey]

и все равно не отображаются

[sergey]

вот так пробую и без результатно

onload: function(data){
        $min.val(from);
        $max.val(to);
    }