如何重置jquery jRange滑塊的值

Question

您好，我正在使用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');
    }
  });
}

Answer 1

您可以使用以下代碼更改滑塊值：

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

Answer 2

正如這里提到的。 您可以簡單地使用setValue為范圍選擇器設置所需的值

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