jquery - 更改 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");
});

演示：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 所在的页面。