Sortable.min.js или как убить нервную систему в 0?

Question

[loft88]

//дикий скрипт//
$(document).ajaxSuccess(function() {
  var f0dChildren = $('#f0_d_');
  var fotosRElems = $('[id^="fotos-r"]');
  var sortableOptions = {
    animation: 150,
    handle: '.click_red, [class^="tab-ds f_"]',
  };
  function applySortable(elements, options) {
    elements.each(function() {
      new Sortable(this, options);
    });
  }
  applySortable(f0dChildren, sortableOptions);
  applySortable(fotosRElems, sortableOptions);
});

Суть в том что все исправно работает, но только в пк версии. Переключаясь на мобильную, при первоначальной загрузке страницы все четко работает, но до тех пор пока не начинаю подгружать контент или добавлять элементы посредством ajax внутрь var f0dChildren = $('#f0_d_'); тут-то и оно просто перестает перетаскиваться. хотя и таскается при этом.. значит часть кода каким-то образом работает?? нет никаких явных ошибок. (в html ошибок нет/ с touch это никак не связано/ конфликтов нет)

Comments

[Lapita12]

После выполнения AJAX-запроса не обновляется структура данных для плагина Sortable. Вам нужно повторно вызывать функцию applySortable после того, как контент добавляется через AJAX. Если поафколупиваться изменять ваш код, можете попробовать следующий вариант:

$(document).ajaxSuccess(function () {
        var f0dChildren = $('#f0_d_');
        var fotosRElems = $('[id^="fotos-r"]');
        var sortableOptions = {
            animation: 150,
            handle: '.click_red, [class^="tab-ds f_"]',
        };
    
        function applySortable(elements, options) {
            elements.each(function () {
                new Sortable(this, options);
            });
        }
    
        applySortable(f0dChildren, sortableOptions);
        applySortable(fotosRElems, sortableOptions);
    });
    
    $(document).on('content-loaded', function () {
        // Вызывайте applySortable после добавления контента через AJAX
        applySortable($('#f0_d_'), sortableOptions);
        applySortable($('[id^="fotos-r"]'), sortableOptions);
    });

При добавлении контента через AJAX возведите событие 'content-loaded':

$(document).trigger('content-loaded');

[Модератор]

Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

[loft88]

Lapita12, Да дело в том, что так вообще не работает на мобилке. Я то это все понимаю. Но суть в другом: на мобильной версии слетает, а на пк нет.

[loft88]

Lapita12, я уже начал было мониторить css. Думал, что может там конфликтует что-то.. Но явных конфликтов не обнаружено.