0

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

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

http://jsfiddle.net/K63QE/2/

<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');
    });

  });
4

3 回答 3

0

我尽可能地简化了小提琴并且它有效：

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')方法。

于 2013-09-12T08:48:29.440 回答
0

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

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

对此：

$('#slider1').val('10');
于 2013-09-12T08:51:53.500 回答
0

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

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

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

此外，我的小提琴将无法工作，#slide2因为您正在传递尚未定义的变量。

更新：

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

showUser除非您将 javascript 放在 HTML 的开头，否则正文本身不会识别函数或变量。

showUser现在我只是在你滑动时提醒内部函数的值。

于 2013-09-12T09:02:04.760 回答