jQuery-ui сортируемые перетаскиваемые модули, сталкивающиеся с несколькими проблемами? - PullRequest
Новая
       56

jQuery-ui сортируемые перетаскиваемые модули, сталкивающиеся с несколькими проблемами?

1 голос
/ 26 октября 2011

(В итоге, мою проблему можно посмотреть здесь: http://jsfiddle.net/F5Wve/12/)

Поэтому я пытаюсь исправить код, который я запускаю на веб-сайте, над которым я работаю с моим другом по имени FriendGrid , мы используем jQuery-UI для добавления сортируемых модулей в трехколоночном интерфейсе, к сожалению, я сталкиваюсь с некоторыми странными ошибками с моим кодом, когда я использую этот jQuery, чтобы инициировать перетаскиваемый интерфейс для упорядоченных модулейВнутри столбцов, которые связаны с connect, возникает проблема, связанная с тем, что модули клонируют себя после перемещения, когда их нужно только перемещать: 

$(".module").draggable({
    handle: $(this).children(".draghandle"),
    opacity: 0.5,
    helper: 'clone',
    revert: 'invalid',
    connectToSortable: '.column'
});

И затем, когда я использую следующий код для запускавместо того, чтобы клонировать модули, сначала он выглядит так, как будто он собирается переместить его, но затем он полностью удаляет его: 

$(".module").draggable({
    handle: $(this).children(".draghandle"),
    opacity: 0.5,
    helper: 'original',
    revert: 'invalid',
    connectToSortable: '.column'
});

Так что в любом случае он просто игнорирует его перемещение, так как можно заметить вариант, который я изменяюявляется помощником, который также является основным фактором во всем этом, но если помощник является клоном, он должен просто использовать сам клондля перетаскивания, и если он установлен в исходное положение, он должен полностью вытащить модуль из того места, в котором он находился, и перетащить сам модуль, но я не понимаю, почему это вызывает эти странные проблемы, текущие настройки на сайтеявляется клоном, но вам, конечно, нужно создать учетную запись, чтобы иметь возможность ее протестировать, которую, если хотите, вы можете сразу удалить после слов, и как только вы окажетесь на сайте, вам нужно вызвать функцию javascript ModularMode (),что, если вы не знаете, как это легко сделать, введя «javascript: ModularMode ();» в ваш браузер (без кавычек).Я надеюсь получить полезные ответы, спасибо.

1 Ответ

1 голос
/ 26 октября 2011

Что бы это ни стоило, вы дублируете усилия, объявляя свои элементы перетаскиваемыми и сортируемыми. У сортируемых элементов есть одинаковые параметры, поэтому вы можете указать их там. Причина, по которой у вас так много проблем со сценарием, заключается в том, что ячейки таблицы, как правило, создают проблемы с типами атрибутов позиционирования CSS, которые библиотека использует для создания желаемого поведения. Я даже не могу начать рассуждать о клонировании. Однако мне удалось выполнить то, что вы пытаетесь сделать, используя немного другую разметку (неупорядоченные списки) и расположение элементов. С таким же успехом вы можете использовать div, оборачивая другие div, но перемещайте все оставленные контейнеры столбцов, и это должно сработать очень хорошо. Посмотрите пример скрипки .

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

...