php - CSS3中可排序框的存储位置?

标签 php jquery html css

如何在可排序行流体中存储框的位置?例如,每次用户将一个框从类别 1 拖到类别 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 来做到这一点?

最佳答案

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

  1. 使用客户端 cookie 来存储数据。您可以使用类似 jquery-cookie to read and write cookies on the client side 的插件.

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

关于php - CSS3中可排序框的存储位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16592887/

相关文章:

html - 元素显示的 CSS 问题

php - 如何在 PHP 函数中将 While 循环中的 mysqli_fetch_assoc 作为变量返回?

php - Codeigniter set_checkbox() 保持选中状态

php - 使用 AM/PM 将字符串转换为 mysql 日期时间

php - 来自数据库的 Moodle 报告

php - 更改 php 数组看起来像 jquery 数组(谷歌图表)

单击链接时未打开 Jquery 对话框

jquery - 不使用分隔符分割字符串,然后使用 alpha 索引索引到对象中

php - 如何使用模态和 php 获取 html 表上特定行的值

javascript - AngularJS 在 URL 正下方显示列表