我正在开发一个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,它只显示带有keydown
或change
事件的警告,但不会更改滑块。
问题在于,在我的应用程序中,我只对jQuery选择器发出警报,并且甚至不显示警报。
答案 0 :(得分:1)
DEMO - &gt; http://jsfiddle.net/MD3mX/1132/
使用keyup
代替change
。
也可以使用this.value
代替this.value()
。不需要括号
$("#my-input").keyup(function () {
$("#slider").slider("value", this.value);
});