jquery UI Slider giá trị thay đổi thanh trượt khi thay đổi trong lĩnh vực đầu vào

Question

$("#storlekslider").slider({ 
 
    range: "max", 
 
    min: 0, 
 
    max: 1500, 
 
    value: 0, 
 
    slide: function(event, ui) { 
 
    $("#storlek_testet").val(ui.value); 
 
    $(ui.value).val($('#storlek_testet').val()); 
 
    } 
 
}); 
 
// $("#storlek_testet").val($("#storlekslider").slider("value")); 
 

 
$("#storlek_testet").change(function() { 
 
    $("#storlekslider").slider("value", $(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.9.0/jquery-ui.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css"> 
 
<div id="storlekslider"></div> 
 
<input type="text" name="storlek" id="storlek_testet" value="500" />

Heres một js fiddle

im cố gắng để có thanh trượt để chuyển đến đúng vị trí khi tôi thay đổi giá trị trong trường nhập. Iam bằng cách sử dụng Jquery UI slider.

Answer 1

Bạn gắn với sự kiện change đầu vào của bạn như vậy:

$("#storlek_testet").change(function() { 
    $("#storlekslider").slider("value", $(this).val()); 
}); 

Answer 2

$("#storlek_testet").keyup(function() { 
    $("#storlekslider").slider("value" , $(this).val()) 
}); 

http://jsfiddle.net/C8X4D/

Answer 3

giá trị thay đổi từ số đầu vào:

$("#input-1").change(function() { 
    $("#slider").slider('values',0,$(this).val()); 
}); 
$("#input-2").change(function() { 
    $("#slider").slider('values',1,$(this).val()); 
}); 

https://jsfiddle.net/brhuman/uvx6pdc1/