Jquery可拖动持久性是通过mysql还是在数据库中保存cookie？

Question

我想知道如何保留放置在可拖动对象上的 div。我长期以来一直在尝试，但停留在这一点上。实际上你可以在这里看到演示。我必须保存用户设计的婚礼地板。因此，每当用户下次登录时，他/她就能够看到上次保存的设计。代码如下所示：

                                             $(document).ready(function() {
                                                $("#droppable").droppable({
                                                    accept: '.draggable',
                                                    drop: function(event, ui) {
                                                            $(this).append($(ui.draggable).clone());
                                                            $("#droppable .draggable").addClass("objects");
                                                            $(".objects").removeClass("ui-draggable draggable");
                                                            $(".objects").draggable({
                                                                    containment: 'parent',
                                                            });
                                                    }
                                                });
                                                $(".draggable").draggable({
                                                    helper: 'clone',
                                                    tolerance: 'touch',
                                                    cursor:'move'
                                                });

});

Answer 1

1. 获取每个对象的位置（使用 JQuery 很容易）
2. 序列化为 JSON 并保存到数据库你的选择。不要为此使用 cookie。

Answer 2

我已经问过此类问题，请阅读以下内容：

jQuery UI 可排序：确定项目的顺序

以及：

在拖/放元素时获取列表中元素的位置 (ui.sortable)

希望这有帮助

Answer 3

这里有一个很好的教程和演示，介绍如何使用 PHP、jQuery-UI 和 MySQL 进行拖放：PaperMashup