0

如何将盒子的位置存储在可排序的行流体中？比如，用户每次刷新页面时，从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>

如您所见，它使用 CSS 文件中的一个类作为样式。或者有没有更好的方法通过使用 jQuery 来做到这一点？

4

2 回答 2

2

至少有两种存储数据的方式

  1. 使用客户端 cookie 来存储数据。您可以使用jquery-cookie 之类的插件在客户端读取和写入 cookie。

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

于 2013-05-16T16:43:51.197 回答
-1

正如 George 指出的那样，您将需要某种持久存储，您可以使用 cookie 或数据库来做到这一点。

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

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

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

http://www.wiseguysonly.com/2008/12/07/drag-and-drop-reordering-of-database-fields-sortables-with-jquery/

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

于 2013-05-16T16:42:39.847 回答