Javascript 如何获得jquery滑块反馈?
如何设置反馈,以便在输入数字时滑块的值发生变化 JS: HTML:Javascript 如何获得jquery滑块反馈?,javascript,jquery,html,jquery-ui,Javascript,Jquery,Html,Jquery Ui,如何设置反馈,以便在输入数字时滑块的值发生变化 JS: HTML: 价格 示例:这方面的基本内容如下: $(".catalog-filter_change input").change(function() { var p0 = $("#price_0").val(); var p1 = $("#price_1").val(); $('.catalog-filter-change-price_slider-range').slider("option", "values", [
价格
示例:这方面的基本内容如下:
$(".catalog-filter_change input").change(function() {
var p0 = $("#price_0").val();
var p1 = $("#price_1").val();
$('.catalog-filter-change-price_slider-range').slider("option", "values", [p0, p1]);
});
请参阅此处的更多信息:
基于您提供的内容的更完整示例:
$(函数(){
var priceMin=1,
priceMax=5,
priceCurMin=1,
priceCurMax=5;
函数setSliderValues(l,h){}
$('.catalog-filter-change-price_slider-range')。滑块({
范围:对,
敏:普莱斯敏,
马克斯:普莱斯马克斯,
值:[priceCurMin,priceCurMax],
幻灯片:功能(事件、用户界面){
setSliderValues(用户界面值[0],用户界面值[1]);
},
停止:功能(事件、用户界面){
self.getNewFilterData();
}
});
$(“.catalog-filter_change input”).change(函数(){
var p0=$(“#价格0”).val();
变量p1=$(“#价格_1”).val();
$('.catalog-filter-change-price_slider-range')。滑块(“选项”、“值”、[p0,p1]);
});
});代码>
Цена
当在字段中输入一个数字时,将调用更改
事件。您可以使用此选项更改滑块的值
。但事件不会发生任何变化change@Alenorze你需要更具体一些。您在控制台中看到任何错误吗?
<div id="mse2_ms|price" class="catalog_filter catalog-filter_price fieldset">
<div class="catalog-filter_title">Price</div>
<div class="catalog-filter_change">
<div class="mse2_number_inputs catalog-filter-change-price_slider-inputs">
<input type="input" name="price__gte" id="price_0" value="{{ prices.price__min }}"
class="form-control input-sm" />
<input type="input" name="price__lte" id="price_1" value="{{ prices.price__max }}"
class="form-control input-sm" />
</div>
<div class="mse2_number_slider catalog-filter-change-price_slider-range"></div>
</div>
$(".catalog-filter_change input").change(function() {
var p0 = $("#price_0").val();
var p1 = $("#price_1").val();
$('.catalog-filter-change-price_slider-range').slider("option", "values", [p0, p1]);
});