Php 可排序框在CSS3中的存储位置？

如何在可排序的行中存储长方体的位置？例如，每当用户将框从

category 1

拖动到

category 2

时，当他刷新页面时，它会记住位置

下面是您可能想要查看的界面的HTML代码：

    <div class="row-fluid sortable">
        <div class="box span3">
            <div class="box-header well">
                <h2>Category1</h2>
            </div>
        </div>

        <div class="box span3">
            <div class="box-header well">
                <h2>Category2</h2>
            </div>
        </div>
    </div>

类别1
类别2

---

如您所见，它使用CSS文件中的类作为样式。或者使用jQuery有更好的方法吗？

您需要某种持久性存储，正如George指出的，您可以使用cookie或数据库来实现这一点

下面是一个示例的链接，该示例使用jquery在拖动完成后序列化订单，然后通过ajax将结果传递给服务器端脚本。然后，服务器端脚本将更新数据库，并为您提供一种保存订单的方法

我强调这个例子是我几年前的一个例子。这是一个我不再维护的网站，但这篇文章有大量的评论，强调了一些可能出现的问题

该示例使用列表而不是div。它还使用数据库进行持久存储，但您可以更改服务器端脚本以保存cookie

---

它应该足够简单，以适应您的确切需要。

存储数据至少有两种方法

使用客户端cookie存储数据。你可以使用像这样的插件

将数据存储在服务器端。这将需要对后端脚本进行AJAX调用来存储数据。然后，您可以在数据库中查询每个新页面加载上存储的位置，或者根据需要创建一个新的AJAX调用来检索数据

---

在客户端代码中无法保存元素的位置。请考虑更新您的问题以包含必要的代码和/或想法。仅链接的答案没有用处：答案应该是自包含的，只使用链接作为参考。这篇文章中有大量的代码，并且有许多上下文中用户提供的评论，这就是为什么我没有在这里发布所有内容。我理解链接末尾的数据可能提供良好的上下文，但是你应该考虑增加足够的问题，即使链接被删除也会有用。这可以是一些简单的想法，让用户能够创建一个好的Google查询，也可以是一个完整的代码示例。我很感谢你对link rot的评论。我已经让这个网站运行了11年，希望我能把它留给我的孩子，如果我发生了什么事情：）当我看到你的编辑时，我删除了我的否决票。祝你梦想成真谢谢你的意见。但是cookie会在超时后立即过期，对吗？我的意思是，它会永远记住cookie吗？当用户重新登录时，它会使用最后一个位置吗？使用数据库perhaps@amnbhrmCookie将过期，但可以设置为。数据库方法将允许永久存储。