Как изменить пользовательский интерфейс элемента, помещаемого в сортируемый список?

Question

У меня есть два сортируемых списка jQuery UI. Я хотел бы изменить пользовательский интерфейс перетаскиваемого элемента, когда я перетаскиваю его в окончательный список (начинайте как маленький виджет в исходном списке, но разбивайте его на подробный вид при попадании в список назначения). У кого-нибудь есть идеи, как я могу это сделать или вообще возможно?

Answer 1

Вы можете использовать событие stop:

Это событие вызывается, когда сортировка остановлена.

У вас было бы что-то вроде этого:

stop: function(event, ui) {
    $(ui.item[0]).html('Replace the HTML as needed.');
}

Демонстрация в реальном времени: http://jsfiddle.net/ambiguous/Cb5BQ/

Вы хотите отслеживать текущее состояние (маленькое или большое) в классе, чтобы можно было переключаться между версией «маленький виджет» и версией «подробный вид» в зависимости от ситуации.