Доработать бегунок UI Slider jQuery
242
19 августа 2017, 01:49
Не работает нижняя часть кода, то есть при изменении input с клавиатуры значение не меняется. Я прокомментировал, так как примерно понимаю, прошу помочь или указать, что именно не так делаю.
Похожий пример http://www.xiper.net/collect/js-plugins/ui/jquery-ui-slider
$(function() {
$("#value_realestate_slr").slider( {
range: "max", min: 1800000, max: 30000000, value: 26300000, slide: function(event, ui) {
$("#value_realestate_lbl").val(ui.value);
}
}
);
$("#value_realestate_lbl").val($("#value_realestate_slr").slider("value"));
}
);
$('#value_realestate_lbl').change(function() {
var changeValue=$('#value_realestate_lbl').val();
$("#value_realestate_slr").val(changeValue.slider("value"));
}
);<div class="mbl_field">
<input type="text" id="value_realestate_lbl" class="intg">
</div>
<div id="value_realestate_slr" class="sld"></div>
<script src="http://www.xiper.net/examples/js-plugins/ui/ui-slider/js/jquery.ui-slider.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>Answer 1
Примерно так:
jQuery(document).ready(function($) {
var input = $('#value_realestate_lbl');
var slider = $('#value_realestate_slr').slider({
range: 'max',
min: 1800000,
max: 30000000,
value: 26300000,
slide: function(event, ui) {
input.val(ui.value);
}
});
input.val(slider.slider('value'));
input.on('change', function() {
slider.slider('value', $(this).val());
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="mbl_field">
<input type="text" id="value_realestate_lbl" class="intg">
</div>
<div id="value_realestate_slr" class="sld"></div>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47876 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30564 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23873 visits
- Как через css изменить цвет png изображения? 10388 visits
- Blob video url download 9999 visits
- Php curl запрос через прокси с авторизацией 9260 visits
- Работа с captcha vk api 8139 visits
© "hostciti.net" 16.3.2025 | 06:38