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滑块