如何重置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

如前所述here。您可以简单地使用setValue为您的量程选择器设置所需的值

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