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

#jquery #jquery-ui #html #jquery-ui-sortable #jquery-ui-draggable

#jquery #jquery-ui #HTML #jquery-ui-sortable #jquery-ui-перетаскиваемый

Вопрос:

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

Ответ №1:

Чтобы иметь возможность перетаскивать элементы из одного элемента в дочерние элементы другого элемента, вы должны указать connectWith настройку: См. Эту скрипку: 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',
        ...
 

Комментарии:

1. Это помогает, но я также хочу, чтобы содержимое было скрыто при перетаскивании из одной сортируемой таблицы в другую, также я пробовал connectWith раньше, но мне никогда не приходилось использовать эти скобки, зачем они мне нужны в этом случае?

2. @Ethanol722 Можно указать несколько целей connectWith, например: connectWith: ['#content', '#moduledockcontent'], . О скрытом содержимом: вы не можете скрыть текстовые узлы с помощью селекторов jQuery. Вы должны обернуть содержимое в контейнер <span> , например.