#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>
, например.