javascript - 如何更新 Jquery 范围滑块中的值
问题描述
我正在使用 jquery 范围滑块。我有一个 ajax 调用,我在那个 ajax 调用中设置了滑块值。代码如下:
$.ajax({
type: "POST",
url: '/api/get-prices/',
data: JSON.stringify(filters),
contentType: "application/json",
beforeSend: function (xhr, settings) {
let csrftoken = getCookie('csrftoken');
if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
},
success: function (response) {
let min_price = parseInt(_.min(response['prices']));
let max_price = parseInt(_.max(response['prices']));
let price_slider = $("#vehicles #price-slider");
$.HSCore.components.HSSlider.init(price_slider);
price_slider.slider( "values", 0", min_price );
price_slider.slider( "values", 1, max_price );
price_slider.attr('data-min', min_price);
price_slider.attr('data-max', max_price);
price_slider.attr('data-default', min_price + ", " + max_price);
min_price_wrapper.html(addDotAsThousandSeparator(min_price) + "€");
max_price_wrapper.html(addDotAsThousandSeparator(max_price) + "€");
$.HSCore.components.HSSlider.init(price_slider);
},
error: function () {
}
})
当我在成功功能中执行此操作时,滑块渲染得很好,我看到的标签也很好。min_price
是 12690 和max_price
19711 ,渲染的滑块如下:
一切似乎都很好。但是当我开始滑动时,这些值是不正确的。开始标签是 30 而不是 12690,停止标签是 35000 而不是 19711。
知道我在做什么错吗?
解决方案
推荐阅读
- java - Spring Kafka Consumer 打印不正确的标题
- reactjs - 导出 npm 包方法名的问题
- android - Android - 如何检查用户是否看过消息
- html - HTML 5 视频问题
- python - 如何使用线程python返回两个值
- c++ - 如何在 C++ 上制作全局键盘监听器?(Mac OSX)
- python - 区分编辑距离
- linux - 使用匹配时间范围和模式的 sed 命令提取数据
- c# - 即使我在存储过程中使用 Begin 并提交 Trans,我也会收到重复记录
- ios - QLThumbnailGenerator saveBestRepresentation 错误的内容类型 Swift iOS 13+