如何重置jquery jRange滑块的值

时间:2015-07-03 13:51:24

标签: javascript jquery html

您好我正在使用jQuery jRange滑块在我的页面上显示视频的时间。当我在新的时间更改我的视频网址时,不会附加到滑块。

显示上一个视频的最小值和最大值。

以下是api的链接:http://nitinhayaran.github.io/jRange/demo/

请帮帮我。

$("#video_url").change(function() {
  player.pause();
  var currtime = player.currentTime();
  var dirtime = player.duration();
  addSlider(currtime, dirtime);
  jQuery(".annodds").change(function() {
    $(".annodds").val(this.value);
  });
});

function addSlider(currtime, dirtime) {
  jQuery('.annodds').jRange({
    from: Math.round(currtime),
    to: dirtime,
    step: 1,
    //            scale: [10,20,30,40,50,60,70,80,90,100],
    format: '%s',
    width: 300,
    scale: false,
    showLabels: true,
    theme: "theme-blue",
    isRange: true,
    onstatechange: function() {
      $(".annodds").trigger('change');
    }
  });
}

2 个答案:

答案 0 :(得分:0)

您可以使用以下代码更改滑块值:

$('.annodds').jRange('setValue', 20);

答案 1 :(得分:0)

如上所述here。您只需使用setValue为范围选择器设置所需的值

即可
$('.annodds').jRange('setValue', 0);