jQuery UI - соединяйте списки через гармошку

Question

Пожалуйста, посмотрите следующую скрипку: http://jsfiddle.net/CK9uL/134/

Я могу перетащить элементы справа в верхние колонтитулы слева и отсортировать их под каждым заголовком.

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

Я попробовал следующий код:

$(function() {
    $("#droppable ul").sortable({
        connectWith: $('.connectWith')
    }).disableSelection();
});

Но списки, похоже, не соединяются.Есть идеи?!

Answer 1

Согласно документации , свойство connectWith принимает селектор, а не объект jQuery.Предполагая, что у вас есть другие сортируемые данные с классом connectWith, должно работать следующее:

$(function() {
    $("#droppable ul").sortable({
        connectWith: '.connectWith'
    }).disableSelection();
});