Как я могу хранить заказ фотографий?

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