в jQuery сортируемыми пользовательского интерфейса: как оставить оригинальный видны до падения?

В стандартном поведении, продемонстрированном в http://jqueryui.com/demos/sortable/ при перетаскивании элемента в списке отображается элемент-заполнитель, в котором этот элемент будет удален.

Тем не менее, первоначальное местоположение предмета, который должен быть сброшен, не указано.

Я хотел бы оставить исходное местоположение видимым до падения, чтобы визуальная обратная связь была аналогична тому, как оригинал оставлен на месте для опции "полупрозрачный клон", изображенной на http://jqueryui.com/demos/draggable/#visual-feedback

Есть ли способ сделать это с помощью sortable?

Спасибо!

2 10
jquery jquery-ui-sortable draggable

2 ответа:

Таким образом, один подход, который, кажется, работает (думал, что это определенно Хак), состоит в том, чтобы передать опцию

start: function (e, ui) { ui.item.show();}

, который открывает автоматически скрытый оригинал (ui.item).

И, в более общем смысле, можно использовать функцию start для изменения элемента.

12

Опция helper: 'clone' оставит ваш исходный элемент на месте, создавая новый элемент DOM, который фактически перетаскивается мышью. (Кроме того, вы используете опцию opacity: 0.7 для создания эффекта "полупрозрачности" на помощнике.)

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

0