【问题标题】:jQuery slider will not display at maxjQuery滑块不会显示在最大值
【发布时间】: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", 

【问题讨论】:

标签: javascript jquery jquery-ui jquery-mobile jquery-plugins


【解决方案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
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签