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

解決済み..

で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>
于 2012-12-12T10:29:55.263 に答える