jQuery更新滑块在文本字段上的值更改

时间:2014-04-22 20:26:19

标签: javascript jquery html ruby-on-rails

我正在开发一个rails项目,将滑块的值更新为任意更改(可能是 keydown 或更改事件)上的文本字段的值。

我的_form.html.erb文件:

<div id="my-slider" class="slider-input"></div>
<%= f.input :var_name, label: false, wrapper: :append do %>
<%= f.text_field :var_name, value: @controller_name.var_name,
    id: "var_name", class: 'my-border answer-single', data: {autonumeric: true, aPad: false} %>

keydown元素的my-input事件的js代码是这样的:

$("#var_name").keydown(function(){
    alert("hey");
    var value = this.value();
    $("#my-slider").slider('value', value);
});

This是一个JSFiddle,它只显示带有keydownchange事件的警告,但不会更改滑块。

问题在于,在我的应用程序中,我只对jQuery选择器发出警报,并且甚至不显示警报

1 个答案:

答案 0 :(得分:1)

DEMO - &gt; http://jsfiddle.net/MD3mX/1132/

使用keyup代替change

也可以使用this.value代替this.value()。不需要括号

$("#my-input").keyup(function () {
    $("#slider").slider("value", this.value);
});