jquery - 数据库值不会反射(reflect)到 jQuery UI slider

Question

我正在使用jQuery UI Slider在我的 Rails 应用程序中。

因此，我尝试在提交表单时将 jQuery UI Slider 的值存储在我的数据库中。

我的代码如下:

  <div>
    <p>
      <%= f.label(:amount, 'Amount') %>
      <div id="slider"></div>
      <%= f.text_field(:amount, :maxlength => 3, :size => 2) %>
    </p>
  </div>

slider 的以下 jquery:

  $(function() {
    $("#slider").slider({
      range: "max",
      min: 0,
      max: 10,
      value: 0,
      slide: function(event, ui) {
        $("#amount").val(ui.value);
      }
    });
    $("#amount").val($("#slider").slider("value"));
  }); 

以上所有代码都工作正常。但是，当我再次编辑页面时，会显示 slider 最小值(即 0)，而不是数据库中的值。那么我该如何实现呢？

Answer 1

我认为问题在于您在初始化 slider 时将值设置为0。请尝试使用此代码，我还没有尝试过，但要点是，除非您希望 slider 在加载时始终设置为 0，否则您必须更改初始化程序的参数 value 。

$(function() {
    $("#slider").slider({
      range: "max",
      min: 0,
      max: 10,
      value: $("#amount").val(),
      slide: function(event, ui) {
        $("#amount").val(ui.value);
      }
    });
    $("#amount").val($("#slider").slider("value"));
  });