вопрос
Всем доброго времени. Прошу помощи разобраться с ошибкой при выполнении кода. Пытаюсь сделать слайдер километража (за основу взят ionrangeslider).
При открытии страницы ползунки и инпуты выставляются в минимальное и максимальное значения. Если их сдвинуть и потом нажать "сброс", то все работает (ползунки возвращаются в крайние положения, в инпутах выставляются крайние значения). Если выбрать любой диапазон и нажать кнопку "фильтр" значения в инпутах дублируют значения ползунков, данные записываются в нужные мне переменные. Но если после этого нажать кнопку "сброс" то ползунки устанавливаются в крайние положения (как и должно быть), а значения в инпутах остаются выбранные ранее и не изменяются. В результате в переменных остается старое значение, а должны также изменяться до крайних (мин и макс) значений.
В чем моя ошибка? Опыта со скриптами мало, перерыл интернет, не нашел подходящих примеров. Описание на сайте для меня как учебник высшей математики для ученика 4 класса... Как правильно прописать функцию сброса, чтобы восстанавливали крайние значения не только ползунки на линейке, но и инпуты? За реальный ответ буду благодарен.
При открытии страницы ползунки и инпуты выставляются в минимальное и максимальное значения. Если их сдвинуть и потом нажать "сброс", то все работает (ползунки возвращаются в крайние положения, в инпутах выставляются крайние значения). Если выбрать любой диапазон и нажать кнопку "фильтр" значения в инпутах дублируют значения ползунков, данные записываются в нужные мне переменные. Но если после этого нажать кнопку "сброс" то ползунки устанавливаются в крайние положения (как и должно быть), а значения в инпутах остаются выбранные ранее и не изменяются. В результате в переменных остается старое значение, а должны также изменяться до крайних (мин и макс) значений.
В чем моя ошибка? Опыта со скриптами мало, перерыл интернет, не нашел подходящих примеров. Описание на сайте для меня как учебник высшей математики для ученика 4 класса... Как правильно прописать функцию сброса, чтобы восстанавливали крайние значения не только ползунки на линейке, но и инпуты? За реальный ответ буду благодарен.
<script>
$(function(){
$("#slider").ionRangeSlider({
min: {vmin},
max: {vmax},
from: {vfr},
to: {vto},
type: "double",
step: 1,
prettify: true,
postfix: " км",
skin: "big",
min_interval: 1,
grid: true,
grid_num: 10,
onChange(data) {
data.input.closest('.slider-container').find('.value1').val(data.from);
data.input.closest('.slider-container').find('.value2').val(data.to);
}
});
$("#reset").click( function(){
var instance = $(slider).data("ionRangeSlider");
instance.update({from: {vmin},to: {vmax}});
});
});
</script>
<div class="slider-container">
<input type="text" id="slider" name="slider" value="" />
<form action="" method="post" name="vform">
<input class="value1" name="vfr" id="vfr" value="{vfr}">
<input class="value2" name="vto" id="vto" value="{vto}">
<input type="submit" value="Фильтр" id="filter">
<input type="reset" value="Сброс" id="reset">
</form>
</div>
Ответ New-dev.ru помог. Спасибо
мешала функция фильтра
мешала функция фильтра
