Question

我试图根据点击按钮重置或更改jQuery滑块的值，但没有运气。我做错了什么？

<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中，你错过了一个右括号＆amp;最后用分号，以及拨打.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存在的页面。

更改jQuery移动滑块值

3 个答案: