我正在尝试使用 jquery UI slider 在我的应用程序 Rails 中编辑表单。编辑对象时,对象的值未传递到位置句柄,请查看此屏幕截图:http://i.cubeupload.com/UlmeEe.png当我滑动 handle 时,值没有传递到字段中。看这个截图:http://i.cubeupload.com/5UmYyz.png
在javascript中,我设置了最小值:2000,并从存储值中获取值。
<script>
$( "#slider" ).slider({
value: $('storage').val(),
animate: true,
range: "min",
min: 2000,
max: 5000,
step: 1000,
change: function(event, ui) {
$('storage').val(ui.value);
}
});
</script>
在edit.html.erb中
<div class="field">
<%= f.label :storage, "Storage" %><br/>
<div id="slider"></div> <br/>
<%= f.text_field :storage %>
</div>
如何解决这个问题?
最佳答案
解决了..
更改 JavaScript
<script>
$( "#slider" ).slider({
value: $('input#account_storage').val(),
animate: true,
range: "min",
min: 2000,
max: 5000,
step: 1000,
slide: function( event, ui ) {
$( "input#account_storage" ).html( ui.value );
},
change: function(event, ui) {
$('input#account_storage').attr('value', ui.value);
}
});
</script>
关于ruby-on-rails - 在 Ruby On Rails 中传递 jQuery UI slider 的值和句柄的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13834569/