Попробуйте добавить helper: 'clone'
к вашим .draggable
вариантам:
$('#roleList > li').draggable({
helper: 'clone',
connectToSortable: '#roleDrop',
containment: '#container',
revert: 'invalid'
});
Согласно документации jQuery , вы должны установить эту опцию при подключении перетаскиваемого к сортируемому.
Хотя это дает другой интерфейс (перетаскиваемые элементы клонируются, а не перемещаются), это, по крайней мере, временный обходной путь для того, что подразумевается в документации, является известной проблемой. Дополнительная обработка событий может очистить исходный элемент от #roleList
во время обратного вызова обновления #roleDrop
.