Question

我想在点击时更改滑块值。值会更改，但滑块不会显示。如果我来回浏览此页面视图，则值会发生变化。

操作已完成，但单击href后滑块不会刷新。当我返回页面时，我的页面中的滑块发生了变化..

<script type="text/javascript">
      $(document).ready(function(){
      $("#123").click(function(){
      $('#slider1').val(10);
      $('#slider1').slider('refresh');
      $('#slider2').val(20);
      $('#slider2').slider('refresh');
      $('#slider3').val(c);
      $('#slider3').slider('refresh');
      $('#slider4').val(d);
      $('#slider4').slider('refresh');
      $('#slider5').val(e);
      $('#slider5').slider('refresh');
      $('#slider6').val(f);
      $('#slider6').slider('refresh');
      $('#slider7').val(g);
      $('#slider7').slider('refresh');
      $('#slider8').val(h);
      $('#slider8').slider('refresh');
      $('#slider9').val(i);
      $('#slider9').slider('refresh');
    });

  });

Answer 1

我尽可能地简化了小提琴，它起作用了：

http://jsfiddle.net/K63QE/4/

HTML

<a id="link" href="#">Update Values</a>
<br>
<input type="range" name="slider" id="slider1"  min="0" max="100" step="1" value="0" />

JS

$("#link").click(function(){
  $('#slider1').val(50);
});

因此代码中必定存在其他错误。而且您不需要slider('refresh')方法。

Answer 2

尝试将单引号添加到滑块值。更改此代码：

$('#slider1').val(10);

到此：

$('#slider1').val('10');

Answer 3

好的，在你的小提琴中，你没有加载jQuery库，有多个元素具有相同的ID（'sliderplek'），你重写了<script>。这些可能不是你本地机器的问题，但因为我只能看到你的小提琴，他们必须修复。修复后，我可以刷新滑块。

更新了小提琴：http://jsfiddle.net/K63QE/12/

您的问题是.slider('refresh')以及我之前提到的另一个jsfiddle错误。

另外，我的小提琴不会超过#slide2，因为你传递的是尚未定义的变量。

更新：

更新了小提琴：http://jsfiddle.net/UJ8Rc/3/

除非您将javascript放在HTML的前面，否则正文本身无法识别showUser函数或变量。

现在，只要您滑动，我就会提醒showUser函数内的值。

在href中的.click函数后，Jquery滑块不会以可视方式刷新

3 个答案: