Мои сортируемые div не могут быть перемещены в мою отдельную сортируемую, почему это?

Question

Проблема, с которой я столкнулся, - это кульминация двух решений двух проблем, с которыми я сталкивался в прошлом, которые можно посмотреть на моей странице.Вот что у меня есть для этой http://jsfiddle.net/dRCLn/3/ проблема, однако, заключалась в том, что я не могу перетащить модули из div содержимого в div moduledockconcontent.Кроме того, если кто-то смог заставить это работать, я также добавил код, который должен скрывать содержимое, но не заголовок модуля, который входит в док.Затем контент должен снова стать видимым после возвращения в основной контент.Вся эта терминология будет иметь смысл, как только вы увидите мой текущий код.

Answer 1

Чтобы иметь возможность перетаскивать элементы из одного элемента в дочерние элементы другого элемента, необходимо указать параметр connectWith: см. fiddle: http://jsfiddle.net/dRCLn/4/

function ModularMode(){
    //Add Module Settings
    $("#content").sortable({
        connectWith: ['#moduledockcontent'],
        items: '.module',
        ...
    });
}

$(document).ready(function(){
    ModularMode();
    //Add Module Dock
    $("#moduledockcontent").sortable({
        connectWith: ['#content'],
        items: '.module',
        ...