2

我正在尝试使用 jquery UI 滑块在我的应用程序导轨中编辑表单。编辑对象时,未传递到位置句柄的对象值查看此屏幕截图:http: //i.cubeupload.com/UlmeEe.png当我滑动句柄时,值未传递到字段中。看这个截图:http: //i.cubeupload.com/5UmYyz.png

在 javascript 中,我设置 min : 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>

如何解决这个问题?

4

1 回答 1

2

解决了..

    <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> 
于 2012-12-12T10:29:55.263 回答