Javascript <；上的jquery.sortable（）；部门>；存储和检索

我试图在div上使用sortable（），它工作得很好，但我无法存储已排序的div并在数据库中为用户检索它们。 这是我的密码：

<div class="row">
<div class="col-sm-3 col-xs-6 widget-container-col">
    <div class="widget-box widget-color-blue" id="1">
        <div class="widget-header">
            <h4 class="widget-title">Japanese Yen</h4>
        </div>
        <div class="widget-body">
            <div class="center bold bigger-300"><i class="fa fa-lg fa-jpy smaller-90 up-5"></i> {{ round($currencyWidget['price'], 2) }}</div>
            <div class="center">as of {{ $currencyWidget['date'] }}</div>
        </div>
    </div>
</div>
<div class="col-sm-3 col-xs-6 widget-container-col">
    <div class="widget-box widget-color-blue" id="2">
        <div class="widget-header">
            <h4 class="widget-title">Another Widget</h4>
        </div>
        <div class="widget-body">
            <div class="center bold bigger-300">Test Widget</div>
        </div>
    </div>
</div>
<div class="col-sm-3 col-xs-6 widget-container-col">
</div>
<div class="col-sm-3 col-xs-6 widget-container-col">
</div>

有什么建议吗？

---

谢谢，

您可以通过遍历sortable中的所有项来获取sortable的

'id'，index'

映射

$.map($(".widget-container-col > .widget-box "), function(element) {
    return element.id + ' = ' + $(element).index();
});

将以以下形式返回数据

["2 = 0", "1 = 1"]

看一个例子 对此,

另外，一旦我将数据保存到数据库中，我将如何加载页面 从数据库中检索数据后，按照与用户相同的方式排序 存储它

---

从数据库中提取数据时，您应该按排序顺序维护数据。

您想将div的顺序存储在数据库中吗？是的，我需要知道，如何获取排序后的数据，以便将其AJAX发送到数据库中，但是，首先我如何获得排序的数据呢？只需循环通过

.widget容器col

元素并获取它们的ID…？您不必获取排序的数据。只需获取元素的索引位置，然后将这些索引值存储在一个数组中，并将其传递给服务器。查看jquery index（），请给我看一个示例，或者解释更多，我在jquery和jquery ui方面不是很好。

["2 = 0", "1 = 1"]