在jquery中如何在鼠标上获得范围滑块的精确值

Question

我只想得到鼠标放置(释放)上的范围滑块的确切值。

var rangeslidervalue= $('.ex2').val(); 

我使用输入类型文本作为引导滑块，每次鼠标拖动时我都会得到值，但我只希望每次鼠标释放时都有值，因为当滑块被拖动时，我要点击Ajax，我遇到了问题，每次拖动滑块时都会碰到错误，加载资源失败:下面的net::ERR_CONNECTION_TIMED_OUT是我的滑块。

​

我的代码：

$('sliderclass').change(function() { 
  var scrollvalue = $(this).val(); 
  var dataString = JSON.stringify({ 
    scroll:scrollvalue
  }); 
  jQuery.ajax({ 
    type: "POST", 
    data: dataString,   
    contentType: "application/json; charset=utf-8", 
    url: "ajax url", 
    dataType: 'json', 
    success: function(data1) {  
      console.log(data1);
    } 
  }); 
});

提前感谢

Answer 1

如果您使用jquery滑块，则可以像这样获得值。

$( "#slider" ).slider({
    max: 5,
    value: 2,
    stop: function( event, ui ) {
         alert(ui.value);
    }});

Answer 2

通常，在滑块插件上有一个stop回调函数，当您停止拖动元素时，它将运行。以下是jquery滑块的示例代码供参考：

$( "#some_example_slider" ).slider({
    range: true, step: 50, min: 0, max: 450,
    values: [ 0, 450 ],
    stop: function( event, ui ) {
        var v1 = ui.values[0];
        var v2 = ui.values[1];

        $.ajax({
            type: "POST",
            url: "ajax_file.php",
            data: "value1="+v1+"&value2="+v2,
            cache: false,
            success: function(html){
                //do suff
            }
        });
    }
});