Неразрушимый после сортировки

Question

Пожалуйста, посмотрите: http://jsfiddle.net/JeaffreyGilbert/VkghS/25/

В настоящее время мы можем перетаскивать полосы в левый / правый колодец. Проблема в том, что после сортировки имен цветов мы не можем перетаскивать (не сортировать) столбцы.

Любая помощь будет оценена, спасибо.

Answer 1

обработчик обновления сортируемых имен цветов должен включать в себя повторную инициализацию перетаскиваемого объекта.дело в том, что вы добавляете новые бары, которых не было в готовом документе.Итак, это должно выглядеть примерно так:

   $( ".colorNames" ).sortable({
        handle: '.handle',
        update : function () {
            var barsOrder = $('.gantt').sortable('serialize');
            var namesOrder = $('.colorNames').sortable('serialize');

            barsTemp = $('<div></div>');

            colorNames = namesOrder.split('&');
            for (i = 0; i < colorNames.length; i++) {
                bar = $('#barWrap_' + (colorNames[i].split("="))[1]);
                barsTemp.append(bar);
            }

            $('.gantt').append(barsTemp.html());
            $( ".bar" ).draggable({
                grid: [ 20, 0 ]
            });
        }
    });