Сортировка по аналогии с домашней страницей YouTube

StackOverflow https://stackoverflow.com/questions/906104

Вопрос

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

Итак, я думаю, что это работает очень похоже на сортировку:он создает вспомогательный элемент (то есть анимированный элемент), а затем, после завершения анимации, DOM изменяется с новыми позициями.

Так что любая идея приветствуется!


Я сделал небольшой тест в Firebug.Я могу клонировать элемент следующим образом:

$('.hslider:first').clone(true).insertAfter('.hslider:first')

Но основная проблема в том, что у меня есть JS, привязанный к элементам внутри .hslider.Даже если некоторые продолжают работать, другие (например, слайдер пользовательского интерфейса jquery) — нет.Есть ли способ сделать это без повторной инициализации всего js?Я попытался взглянуть на источник пользовательского интерфейса jquery, но...Я не настолько хорош в js/jquery, чтобы декодировать что-нибудь полезное (да, исходный код был несжатым: P)


Редактировать:

Я нашел что-то похожее здесь но мне очень не хочется загружать еще 40кб+ только ради этого эффекта (особенно когда у меня уже загружен jQuery)

Это было полезно?

Решение

Почему бы вам не использовать жить() метод доступен в jQuery 1.3+.Это гарантирует, что ваши элементы даже после вставки заново сохранят привязки событий.Live в основном связывает процедуры js со всеми существующими и будущими соответствующими элементами.Никаких дополнительных загрузок не требуется ;)

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top