如何保存照片顺序？

Question

我有一个从服务器加载一些照片的网页，以及一个从服务器加载照片的Photoswipe画廊。 该网页使用ajax检索图像并将其列出，如屏幕截图所示：

排序之前

我想拖动div并对其进行排序（已经使用jquery ui了），它看起来如下面的屏幕快照所示：

排序后

拖动后，我希望照片显示在图库中。我该怎么办？

这是我为获取img src而编写的代码。它可以完美工作，但是我不知道如何将其与可以对图库中的照片进行排序的东西连接起来。

$(function(){
                $(".uploadedImages").sortable({stop:function(event, ui){
                        var photoDivs = $(".uploadedImages").children();
                        for(i = 1; i < photoDivs.length; i++){
                            var child = photoDivs[i];
                            console.log($(child).children()[0].src);
                        }
                }
                });
                $(".uploadedImages").disableSelection();
            });

非常感谢。

Answer 1

您可能会将订单存储在Cookie中，但这意味着该订单对于每个用户浏览器都是个性化的。

或者，如果您的站点由数据库支持，并且您已经存储了URL并由浏览器进行了排列，那么您可能会发生一个事件，该事件在拖动完成后会将新订单发送到数据库。

这将保持顺序并为网站的每个用户提供相同的体验

如果您愿意，我可以在上面提供更多建议。

干杯

P