jquery - jquery从滑块获取值时从输入中获取值

Question

我有一个输入文本

<span id="slider-result-dist"></span>
<div class="slider_dist slider"></div> 
    <input type="text" name="filter_dist_sea" id="dist-sea" value="<?php echo $states['filter_dist_sea'] ?>" />
</div>

我创建了一个滑块

$( ".slider_dist" ).slider({
        animate: true,
            range: "min",
            value: 100,
            min: 1,
            max: 1000,
    step: 100,
            slide: function(event, ui) { 
            $( "#slider-result-dist" ).html( ui.value+' Mt' );
    $('#jea-search-dist-sea<?php echo $uid ?>').attr('value', ui.value);
            }
    });
     }); 

我需要像这样使用功能更改，但不起作用

$('#dist-sea').change(function() {
  alert('change');
});

我知道好方法是这样的：

$( ".slider_dist" ).slider({

            slide: function(event, ui) { 
            alert(ui.value);
            }
    });

从滑块更改时是否可以从输入中获取值？

Answer 1

像这样试试

$( ".YourUI_slider" ).bind( "slidestop", function(event, ui) 
{
    //Do What ever your want      
});

编辑

$("#YourInput").blur(function()
{
   //To get Slider Min value
   var SliderMin=$(".YourUI_slider").slider("values")[0];

   //To get Slider Max value
   var SliderMax=$(".YourUI_slider").slider("values")[1];
}