ruby-on-rails - ドラッグ可能なli jQuery Rails 3の位置を保存

Question

私の Web サイトには、管理者がアイコンを特定の位置にドラッグ アンド ドロップできる地図を含むページがあります。いくつかの例を読んだ後、アイコンはドラッグ可能ですが、ページを更新しようとすると、すべてのアイコンがデフォルトの位置に戻ります。要素の位置をデータベースに保存する方法がわかりません。jQuery と Rails 3 を使用しています。助けてください。

ありがとうございました！

私のページのコードは次のとおりです。

<div class="map">
    <ul class="departments-map" id="departments-map">
        <%= render :partial => 'departments/departments_short_map', :collection => @departments %>
    </ul>
</div>

Departments_short_map:

<% department ||= departments_short_map %>
<% if department.map_x.nil? or department.map_y.nil? %>
    <li id="<%= department.id %>" class="department-short-map">
        <%= department_for_collage(department) %>
    </li>
<% else %>
    <li id="<%= department.id %>" class="department-short-map" style="position:absolute; top:#{ department.map_y}px; left:#{ department.map_x}px;">
        <%= department_for_collage(department) %>
    </li>
<% end %>

そして、ここに私のjQueryコードがあります:

var Collage = {
    init: function() {
        $("#departments-map li").draggable({
            scroll: false,
            stop: function(event, ui) {
                var img = {
                    "id": $(this).attr('id'),
                    "map_y": $(this).position().top.toString(),
                    "map_x": $(this).position().left.toString()
                };
                $.ajax({
                    type: "put",
                    url: "/departments/" + $(this).attr('id') + ".json",
                    data: JSON.stringify(img),
                    contentType: 'application/json',
                    dataType: 'json',
                })
            }
        });
    }
}

私は何を間違っていますか？