изменение значения слайдера jQuery

Question

Я пытаюсь сбросить или изменить значение ползунка jQuery на основе нажатия кнопки, но не повезло. Что я делаю не так?

http://jsfiddle.net/yXXVr/

<input class="ui-hidden-accessible" type="range" name="slider1" id="slider1" value="50" min="0" max="100" animate="true" /> 
<br/> 
<br> 
<input class="ui-hidden-accessible" type="range" name="slider2" id="slider2" value="50" min="0" max="100" animate="true" /> 
<br/> 
<input type="button" data-theme="a" id="go-back" value="Done"></input> 

$('#go-back').click(function() { 
    $("#slider1").val(50).refresh(); 
} 

Answer 1

Существовали несколько вещей неправильно с тем, что вы имели в своем jsFiddle. Было несколько синтаксических ошибок, а также дополнительный обработчик кликов, определенный для кнопки «Готово».

<input class="ui-hidden-accessible" data-track-theme="b" data-theme="a" type="range" name="slider1" id="slider1" value="50" min="0" max="100" animate="true" /> 
<br/> 
<br> 
<input class="ui-hidden-accessible" data-track-theme="b" data-theme="a" type="range" name="slider2" id="slider2" value="50" min="0" max="100" animate="true" /> 
<br/> 
<input type="button" data-theme="a" id="go-back" value="Done" ></input> 

Тогда в JS, вы отсутствовали закрывающая скобка & точки с запятой в самом конце, а также вызов .refresh() вместо .slider("refresh")

$('#go-back').click(function() { 
    debugger; 
    $("#slider1").val(50).slider("refresh"); 
}); 

Отъезда этой обновленной скрипки для рабочего образца.

http://jsfiddle.net/yXXVr/2/

Answer 2

Немногие вещи:

Во-первых, удалить onclick из демо:

<input type="button" data-theme="a" id="go-back" value="Done" onclick="minbutton_clicked()"></input> 

к

<input type="button" data-theme="a" id="go-back" value="Done"></input> 

Во-вторых, вы не закрыли .click() функцию:

$('#go-back').click(function() { 
    $("#slider1").val(50).refresh(); 
} 
^----- need) 

В-третьих, .refresh() не существует. Вы должны использовать refresh method:

$('#go-back').click(function() { 
    $("#slider1").val(50).slider("refresh"); 
}); 

DEMO: http://jsfiddle.net/dirtyd77/yXXVr/3/

Answer 3

<input type='range' min='0' max='100' value='0' id='slider' /> 
<input type='button' value='change value' id="changeval" /> 

    $("#changeval").click(function() { 
    $("#page").page(); 
    $("#slider").val(30).slider('refresh'); 

}) 

#page относится к странице, где #slider существует.