1

Здравствуйте. Использую Ion.RangeSlider. Проблема в том, что есть несколько типов позиций, и в одной должно быть минимальное значение 1 000, а во второй - 10.

Дело в том, что не получается это сделать. Ion.RangeSlider я поместил в отдельную функцию, и вызываю в зависимости от присутствия data-атрибута в ссылке, по onclick которой он подтягивается:

if($(this).attr('data-immunity')){
    formRange(10);
}else{
    formRange(1000);
}

Сама функция:

function formRange(minSelect) {
    var minRange = minSelect;
    var maxRange = 10000;
    $("#range").ionRangeSlider({
        type: "single",
        min: minRange,
        max: maxRange,
        from: 4500,
        onChange: function (data) {
            var price =  $('#modal_form .per-1').val();
            $('.modal-price > span').html(parseFloat(data.from * price).toFixed(2));
        }
    });

}

Теперь если мы вызовем позицию, которая должно иметь минимальное значение 1000 -- установится значение 1000. Но оно не будет меняться при вызове позиции с минимальным значением 10. Также и в обратном порядке: если вызвать первой позицию с 10 -- всегда будет 10.

Сразу ответ на вопросы:

  • В if-else входит, проверял
  • В зависимости от выбора позиции аргумент 1000/10 передается в функцию
  • Функция спокойно принимает аргументы и перезаписывает minRange
  • Пробовал напрямую тянуть с value в $("#range").ionRangeSlider({}); --тот же результат, хотя значение верное определяется(либо 1000, либо 10 в зависимости от позиции)
3
  • Приветствую! ;) А с каким событием у вас вот это ветвление срабатывает? if($(this).attr('data-immunity')){ formRange(10); }else{ formRange(1000); } 28 июл 2017 в 5:34
  • @socode, $(document).ready(function() + $('a.go').click( function(event).
    – Felix
    28 июл 2017 в 6:55
  • Уважаемые пользователи. Если вы получили ответ на свой вопрос, просьба не забывать помечать его как ответ! Это важно! 18 авг 2017 в 4:09

1 ответ 1

0

Попробуйте вот так:

function formRange(minSelect) {
    var minRange = minSelect;
    var maxRange = 10000;
    return $("#range").ionRangeSlider({
        type: "single",
        min: minRange,
        max: maxRange,
        from: 4500,
        onChange: function (data) {
            var price =  $('#modal_form .per-1').val();
            $('.modal-price > span')
            .html(parseFloat(data.from * price).toFixed(2));
        }
    }).data("ionRangeSlider");
}    

$(".change-range").on("click", function() {
    if($(this).data('immunity') === true){
        formRange(10).update({from: 10});
    }else{
        formRange(1000).update({from: 1000});
    }
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.