Сортировка, js производительность очень медленная

Question

Приветствую всех и спасибо, глядя на мою проблему.

Чтобы лучше описать проблему у меня есть - я создал эту очень короткий screen cast

Я использую сетку карт, как показан в ролике, и когда я пытаюсь расположить их они так медленно и реагирует с задержкой.

Если, однако, я стараюсь использовать сортировку внутри каждой карты, это нормально. У меня нет других js-функций, которые могут выполняться помимо сортировки во время перетаскивания. У меня также нет никаких скрытых элементов, поскольку я видел это как решение для сортировки медленной производительности во многих случаях. Я не мог найти какой-либо относительный пример для решения этой проблемы, и я добавил привязку к экрану, чтобы лучше показать свою проблему.

Карты неупорядоченный список элементов внутри главной ул с классом .exercises поэтому у меня есть это в главной странице Jquery:

$('.exercises').sortable(); 

и перемещать предметы внутри карты (для тестирования)

$('.exercises li').sortable(); 

У любого из вас есть какое-то предложение, как сортировать эту проблему, поскольку она действительно раздражает, и прошло несколько дней без каких-либо положительных результатов.

Сообщите мне, если вам нужно что-нибудь еще, чтобы предоставить на случай, если я забуду. Заранее благодарим за ваше время и помощь.

Answer 1

Итак, я наконец нашел решение своей проблемы. Вместо использования jquery-ui для сортируемой функции я захватил этот легкий вес html.sortable.js из github.

Это решило проблему с производительностью в моем случае!