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