如何在jquery中获取鼠标拖放范围滑块的确切值

Question

我只想在鼠标放下（释放）时获得范围滑块的确切值。

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

我使用输入类型文本作为引导滑块。我每次在鼠标拖动时都有价值，但我只希望在鼠标释放时获得价值，而不是每次都因为我在拖动滑块时点击 Ajax。当我遇到问题时我拖动滑块 Ajax 每次都击中并得到 ERROR Failed to load resource: 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 UI 滑块，那么您可以通过这种方式获得价值

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

Answer 2

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

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