Question

在我的网站中，我根据所选的价格范围使用Jquery Jslider部分来显示/隐藏产品。当我向下滚动页面时，我也使用Jquery scroll()来加载更多产品。我需要在从滚动加载新产品时更新JSlider价格。我怎样才能实现呢？我搜索了很多。但没有得到答案。

我的代码是

<div class="layout-slider">
    <input id="Slider2" type="slider" name="price" value="5000;150000" />
</div>
<script type="text/javascript" charset="utf-8">
  jQuery("#Slider2").slider({ from: 5000, to: 150000, step: 1, dimension: '&nbsp;$' });
</script>

<input type="text" value="" id="sl-change" /><input type="button" value="Change" id="change" />

这是一个示例代码，我尝试在文本字段中输入值并根据该更新滑块。如果我这样做，我会解决我的问题。请帮帮我

我的小提琴测试链接如下：

Jsfiddle链接：Link is here

Answer 1

使用

$("#Slider2").slider( "option", "from", 100 );
$("#Slider2").slider( "option", "to", 1020 );

在你的情况下：

$("#sl-change").on("change",function(){

    $("#Slider2").slider( "option", "from", $(this).val() );

});

实时更新jquery Jslider

1 个答案: