Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获得jquery滑块反馈?_Javascript_Jquery_Html_Jquery Ui - Fatal编程技术网

Javascript 如何获得jquery滑块反馈?

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", [

如何设置反馈,以便在输入数字时滑块的值发生变化

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", [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]);
});