Доработать бегунок UI Slider jQuery

241
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>

READ ALSO
Вставка стрелок и пиктограмм через Bootstrat

Вставка стрелок и пиктограмм через Bootstrat

Доброго всем дня! Подскажите пожалуйста, через bootstrat необходимо реализовать вставку стрелок и пиктограммыВозможно ли это реализовать, как...

193
css как такое обьяснить [требует правки]

css как такое обьяснить [требует правки]

Всем доброго времени сутокКак объяснить человеку, что так нельзя делать?

377
Переместить бд MySQL в папку проекта из XAMPP папки

Переместить бд MySQL в папку проекта из XAMPP папки

Есть бд MySQL которая лежит в C:\xampp\mysql\data нужно переместить ее в папку проекта, дабы была возможность залить на github так, чтобы человек скопировавший...

283