JQuery UI Slider Änderungswert des Schiebers im Eingabefeld geändert

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" />

Heresa js fiddle

im Versuch, den Schieber zu bekommen, um die richtige Position zu springen, wenn ich den Wert in der Änderung Eingabefeld. Ich benutze die Jquery UI slider.

Answer 1

Sie heften sich an die change Ereignis Ihrer Eingabe wie folgt:

$("#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

ändern Werte von mehreren Eingängen:

$("#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/