我试图根据点击按钮重置或更改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();
}
答案 0 :(得分:9)
你的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");
});
查看这个更新的小提琴,了解工作样本。
答案 1 :(得分:1)
少数事情:
首先,从演示中删除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");
});
答案 2 :(得分:0)
<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存在的页面。