feniks7,
вот так примерно хотелосьбы видеть ваш код а не кусками
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Range slider</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
$(function() {
$("#slider_range").slider({
range: true,
min: 0,
max: 2000,
step:50,
values: [ 0, 1600 ],
slide: function( event, ui ) {
$( "#amount1" ).val( "$" + ui.values[ 0 ] );
$( "#amount2" ).val( "$" + ui.values[ 1 ] );
}
})
$("#check_moiki").click(function(){
$('#slider_range').slider("option", "step", 1);
var steps = $( "#slider_range" ).slider( "option", "step" );
alert(steps);
return false;
});
})
</script>
</head>
<body>
<p> <label for="amount">Price range:</label>
<input type="text" id="amount1" style="border: 0; color: #f6931f; font-weight: bold;" value = "$0" />
<input type="text" id="amount2" style="border: 0; color: #f6931f; font-weight: bold;" value = "$1600"/>
</p>
<div id="slider_range"></div>
<input name="" type="button" value="step 1" id="check_moiki">
</body>
</html>