ruby-on-rails - 在 Ruby On Rails 中传递 jQuery UI slider 的值和句柄的位置

标签 ruby-on-rails jquery-ui ruby-on-rails-3.2 jquery-ui-slider

我正在尝试使用 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/

相关文章:

ruby-on-rails - 处理 Rails 2.1.x 中的 RoutingError 的最佳方法?

javascript - 使用 Jquery .click 显示/隐藏切换,适用于新用户,但不适用于种子

javascript - 在 jQuery 的 css() 函数中使用 !important

ruby-on-rails - Rails - 支持为多个模型创建草稿的好方法

ruby-on-rails - ruby on Rails - 在指定时间发送电子邮件

ruby-on-rails - RoR成绩系统-多态关联和设计问题

ruby-on-rails - 如何使用prawn gem将Base64字符串转换为pdf文件

jquery - 可拖动/可排序助手的临时存在会破坏存储的 ID

javascript - 如何使用拖放字段 html5 jquery 创建消息模板

ruby-on-rails - rake 数据库 :migrate error (Function 'inotify_init' not found)