jquery ui - 可排序：获取所有元素的新位置答案

【问题标题】：jquery ui - sortable: get new position of all elementsjquery ui - 可排序：获取所有元素的新位置
【发布时间】：2015-09-26 20:14:12
【问题描述】：

我正在使用 jQuery UI - 可在以下列表中排序：

<div class="contentEntries">
<div class="contentEntry">...</div>
<div class="contentEntry">...</div>
<div class="contentEntry">...</div>
<div class="contentEntry">...</div>
</div>

在 .contentEntry 中有一个输入字段，其位置为：

<input type="text" class="form-control" placeholder="Position" name="row[contents][23][position]" value="0">

我希望如果我将一个元素拖到一个新位置，我会得到所有元素的新位置列表。

例如：在每个 .contentEntry 上，位置的输入值为 0。现在，我将任何元素拖到一个新位置，我希望所有元素都获得正确的顺序作为值。这样第一个的输入位置值为1，第二个为2，依此类推...

【问题讨论】：

标签： javascript jquery html user-interface jquery-ui-sortable

【解决方案1】：

哦，没那么难；）

$(function() {
    $('.contentEntries').sortable({
        stop: function(event, ui) {
            $(this).find('.contentEntry').each(function(i, el){
                $(this).find('input.position').val(i+1);
            });
        }
    });

    $('.contentEntries').disableSelection();
});

但是还有一个问题。正确的值显示在网站中，但在 DOM 中仍然存在旧值。编辑：已经管理它工作:)

【讨论】：