В настоящее время, если задано максимальное значение ползунка 100, при вводе значения 150 в поле ввода оно автоматически устанавливается на 100.
Я хочу, чтобы максимальное значение относилось только к ползунку, но не к соответствующему полю ввода, в любом случае, я могу это сделать?
Спасибо
обновлен ...
после опробования нескольких вариантов, это может быть одно решение
<style type="text/css">
.ui-slider-input {
display : none !important;
}
</style>
<script>
$(document).ready(function () {
$('.testSlider').bind('change', function () {
var val = $(this).val();
$(this).siblings('.testInput').val(val);
});
});
</script>
<div>
<input type="text" class="testInput" style="width:20px; float: left" />
<input type="range" class="testSlider" name="slider" id="slider-0" value="60" min="0" max="100" />
</div>
<div>
<input type="text" style="width:20px;float: left" class="testInput" />
<input type="range" class="testSlider" name="slider" id="slider-0" value="60" min="0" max="100" />
</div>