Jak dynamicznie poruszać HTML 5 uchwyt wejściowy zakres bez użycia jQuery UI

Question

CO:

Mam suwak wejściowy zakres HTML5. Jeśli użyję jQuery do zmiany wartości tego suwaka, pozycja uchwytu się nie zmieni. Można to osiągnąć za pomocą metody .slider() w środowisku jQuery UI. Jednak chcę osiągnąć ten sam wynik przy użyciu biblioteki jQuery.

PYTANIE:

Jak dynamicznie ustawić wartość z zakresu wejścia HTML 5 i mają pozycję uchwytu ruch przy użyciu jQuery 1.11.2 lub JavaScript.

kod próbuje:

Poniżej 2 fragmenty kodu, które mam wykorzystane, aby spróbować rozwiązać ten problem.

$("#rangeInput").attr("value", "100"); 

$("#rangeInput").val("100") 

postać:

<form id="noisePolForm"> 
<input id="rangeInput" type="range" value="0" step="3" min="80" max="140" class="noisePol"> 
    </form> 

Answer 1

Trzeba użyć .prop(), nie .attr():

$("#rangeInput").prop("value", "100"); //Or $("#rangeInput").prop("value", 100); 

jsFiddle example

Twój drugi przykład działa w porządku, po prostu zapomniał #

$("#rangeInput").val("100") //Or $("#rangeInput").val(100) 

jsFiddle example