jquery - 如何将值从双句柄 jQuery slider 传递到 Rails 表单

Question

我正在使用Slider Pips的双 handle slider ，采用 rails 形式。如何将两个 slider handle 位置的值作为 :min_sat 和 :max_sat 传递到我的 Rails Controller ？ This是来自 Slider Pips 的 JS 文件。

这是js

$(".element")
.slider({
    max: 1600,
    range: true,
    values: [1, 1600]
   }
})

.slider("pips", {
    rest: "label"
})

.slider("float");

和 slider 的 html

<div class="element"></div>

Answer 1

一般来说，您会使用 jquery-ui-slider 方法:.slider("values") ( http://api.jqueryui.com/slider/#method-values ) 它将返回一个数组值。

<小时/>

您可以在表单发布上执行此操作:

$(".element").slider("values");

然后将其发送到隐藏的表单字段，或通过 JSON 将其发送到您的 Controller 。

<小时/>

或者您可以实时更新隐藏的表单字段，例如:

$(".element").on("slide", function( ui ) {
    $("#formField").val( ui.values );
});

然后正常发布该表单，您的 Controller 就可以处理剩下的事情。