jQuery滑块不会显示在最大值
Posted
技术标签:
【中文标题】jQuery滑块不会显示在最大值【英文标题】：jQuery slider will not display at max 【发布时间】：2016-10-03 09:34:05 【问题描述】：我有一个 jQuery 滑块。它的范围是 0 到 200
显示时，滑块位于 0 的最左侧。
我希望它显示在最右侧，200 处。
我尝试过使用：
$('#slider').val(200)
发生的最多的是最小范围（显示在最左侧的值）变为 200。
有没有人让 jQuery 滑块表现得像我描述的那样？
版本：
jQuery 1.11.1
jQuery-mobile 1.4.5
jQuery-ui 1.11.2
这是html：
<input type="range" name="slider-1" id="slider-1" value="0.0" min="0.5" max="200" />
这是javascript（我使用console.log转储val，它是200”：
$("#slider-1").slider( "value", val );
这是错误：
"Uncaught Error: no such method 'value' for slider widget instance",
【问题讨论】：
你使用哪个 jQuery 库？ 在帖子中添加了库版本。对此感到抱歉 你试过"value"而不是.val吗？ api.jqueryui.com/slider/#method-value
你做错了。请查看此文档api.jqueryui.com/slider/#method-value
我已经按照建议尝试了价值并在上面发布了结果
【参考方案1】：
要设置滑块的值，请使用.slider("value", value)，例如：
$("#slider").slider("value", 200);
更多信息：http://api.jqueryui.com/slider/#method-value
【讨论】：
【参考方案2】：方法value的正确用法是：
$("#slider").slider("value", 200);
https://jsfiddle.net/Tintin37/a6e8dtw9/
编辑
如果你想使用 html5 input type="range" 你会在这里找到一个例子：
https://jsfiddle.net/Tintin37/x4tet97w/
【讨论】：
您的滑块是 。我的是一个 标签。你认为这与我遇到的奇怪错误有关吗？ 根据文档，您应该使用 div 作为滑块的容器。 jqueryui.com/slider以上是关于jQuery滑块不会显示在最大值的主要内容，如果未能解决你的问题，请参考以下文章