onChange函数中的Ajax调用会停止滑动条的滑动动画

时间:2017-02-01 09:17:29

标签: javascript jquery ruby-on-rails ruby ajax

我正在尝试在Ruby on Rails项目中实现jRange滑块(https://github.com/nitinhayaran/jRange)。为了将数据发送到我的控制器,我在onchange函数中包含了一个ajax调用,但这似乎导致刷新时我的滑块恢复到原始值。我仍然可以通过params [:data_value]访问控制器中的值。 ajax调用如何影响我的更改事件?

以下是我的代码: -

// html
<input type="hidden" class="slider-input" value="1" />

// js.erb
$('.slider-input').jRange({
    from: 0,
    to: 10.0,
    step: 1,
    scale: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
    format: '%s',
    width: 800,
    showLabels: true,
    snap: true,
    theme: 'theme-blue',
    onstatechange: function(value) {
        var array = value;
        $.ajax({
            url: "/users/registrations/capability/edit",
            data: {
                data_value: array
            }
        });
    }
});

1 个答案:

答案 0 :(得分:0)

这取决于您的控制器中的内容以及您使用ajax调用获取的内容的结果。

你在控制器的动作中返回json / js输出吗? 您的浏览器控制台中是否有任何错误?