Javascript 如何在jquery中获得鼠标落下时范围滑块的精确值

Javascript 如何在jquery中获得鼠标落下时范围滑块的精确值,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我只想在鼠标落下(释放)时获得范围滑块的精确值。 var rangeslidervalue= $('.ex2').val(); 我正在使用输入类型文本作为引导滑块。我每次拖动鼠标时都会得到值,但我只想在鼠标释放时得到值,而不是每次,因为我在拖动滑块时都会点击Ajax。我每次拖动滑块时都会遇到问题,Ajax每次都会点击,并且get错误加载资源失败:net::ERR\u CONNECTION\u TIMED\u OUT 下面是我的滑块。 我的代码: $('sliderclass').chang

我只想在鼠标落下(释放)时获得范围滑块的精确值。

var rangeslidervalue= $('.ex2').val(); 
我正在使用输入类型文本作为引导滑块。我每次拖动鼠标时都会得到值,但我只想在鼠标释放时得到值,而不是每次,因为我在拖动滑块时都会点击Ajax。我每次拖动滑块时都会遇到问题,Ajax每次都会点击,并且get错误加载资源失败:net::ERR\u CONNECTION\u TIMED\u 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);
    } 
  }); 
});

提前感谢

通常,滑块插件上有一个
停止
回调函数,当您停止拖动元素时,该函数将运行。以下是jquery ui slider的示例代码供参考:

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

如果您使用的是jQueryUISlider,那么您可以这样获得值

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

请发布代码,因为图像对于识别问题$('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:“ajaxurl”),数据类型:“json”,成功:函数(data1){console.log(data1);}}});这是我的代码。它没有像我试图实现的那样工作,你能给我建议一些其他的替代方案吗,这样我就可以实现它并解决它。提前感谢您可以使用jquery UI滑块