Таким образом, у меня есть два div, каждый из которых содержит отсортированные элементы, но как только я начинаю перетаскивать, он должен показывать только базовую всплывающую подсказку, а не полный сортируемый элемент (исходный элемент должен оставаться видимым, после чего он попадает в новый список).
Я не могу найти пример в Интернете, любая помощь будет приятной!
Вы можете использовать helper
опцию, чтобы установить настраиваемый элемент для отображения.
Позволяет использовать вспомогательный элемент для перетаскивания дисплея. Поддерживается несколько типов:
- String: если установлено "clone", тогда элемент будет клонирован, и клон будет перетаскиваться.
- Функция: функция, которая вернет DOMElement для использования при перетаскивании.
Замечание: когда вы начинаете сортировку, элемент устанавливается в скрытое. Присоединив обработчик к событию начала, я снова его покажу.
Код:
$("#sortable_nav").sortable({
helper: function () {
return $("<div class='custom'>I'm a custom tooltip</div>");
},
start: function (event, ui) {
$(ui.item).show();
}
});
Простая демонстрация: http://jsfiddle.net/IrvinDominin/RpZ7G/