如何使用javascript/jQuery保存隐藏字段rails

我的代码中有这个可拖动的画布

请在此处查看它的运行：

我想保存文本的位置，所以我尝试了

=f.hidden\u字段：input\u text\u position

---

如何使用JQuery保存位置？

诀窍是在“拖动”事件上设置一个处理程序，在每个事件触发时设置隐藏字段的值：

HTML:

这会将隐藏字段设置为类似于“（204,93）”的点，您可以将其存储在数据库中

input_text:string
input_text_position:string

<div id="canvas" class="ui-widget-content">
    <p>Text(drag me)</p>
</div>
<input type="hidden" name="position" id="position" />

$('#canvas').draggable().on('drag', function(e) {
    var offset = $('#canvas').offset();
    $('#position').val('(' + offset.left + ',' + offset.top + ')');
});