Сортировка и сохранение смешанных ссылок/встроенных элементов в списке перетаскиваний вызывает потерю данных ⇐ Javascript

[Anonymous]

У меня есть панель инструментов в проекте PHP + JS, где я управляю двумя типами элементов в одном списке: ссылки (текст + URL) и вставки (тип + URL). Они оба добавлены в один контейнер (#links-container) и могут быть переупорядочены с помощью sortable.js. После перетаскивания их вокруг и сохранения иногда вновь добавленные ссылки либо отсутствуют, пустые или неверно сохраняются. /редактировать ссылки и встраивания.
Позвольте им перетаскивать и переупорядочить эти элементы в любом порядке.
Успешно сохраняет все данные, сохраняя все неповрежденное.
Что происходит
, когда я добавляю одну ссылку и Один встроенный, затем перетащите вставку над ссылкой (таким образом, встроен индекс 0, ссылка является индексом 1), после отправки формы данные ссылки иногда оказываются пустыми или вообще исчезают в базе данных. В других попытках встроенные данные кажутся хорошими, но данные ссылки исчезают или не соответствуют. p>







< /code>
js (динамический фрагмент.if (linksContainerEl) {
new Sortable(linksContainerEl, {
handle: '.drag-handle',
animation: 400,
onEnd: function() {
// Previously, we tried re-indexing each item’s name attributes.
// That broke things, so we removed it.

// Now we just update data-index:
$('#links-container .link-item').each(function(i) {
$(this).attr('data-index', i);
});

// Then build an order array like "embed-0,link-1"
let orderData = [];
$('#links-container .link-item').each(function() {
const itemType = $(this).data('type'); // "link" or "embed"
const itemIndex = $(this).data('index');
orderData.push(`${itemType}-${itemIndex}`);
});
$('#items_order').val(orderData.join(','));
}
});
}
< /code>
Устранение неисправностей < /p>
Удалил всю рекондергическую логику, которая переписывает атрибуты имени.
зарегистрировал окончательные формы в консоли. Все кажется правильным, но как только он попадет на сервер, данные ссылки могут быть пустыми.
Иногда он полностью сохраняет, иногда нет. Несоответствие сбивает с толку.
Вопрос
Как мне обрабатывать сортировку как ссылок, так и вставки в одном и том же контейнере и надежно сохранить свои данные о представлении? Есть ли рекомендуемая лучшая практика для сценария, когда два разных типа элементов делятся одним списком? Любое понимание высоко ценится.
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/794 ... -data-loss