Я пытаюсь добиться эффекта, аналогичного домашней странице YouTube (вы должны войти в систему, чтобы Я опубликовал небольшой фильм, чтобы объяснить это ): у нас есть базовая сортируемая (только вертикальная), но на у каждого сортируемого элемента есть кнопка «двигаться вверх» и «двигаться вниз». Эти кнопки делают ... именно то, что написано: перемещайте каждый элемент аккуратным анимационным движением или вниз.
Итак, я думаю, что это работает очень похоже на sorttable: он делает помощника (то есть анимированного элемента), а затем, после завершения анимации, DOM изменяется с новыми позициями.
Итак, любая идея приветствуется!
Я сделал небольшой тест в firebug. Я могу клонировать элемент с этим:
$('.hslider:first').clone(true).insertAfter('.hslider:first')
Но главная проблема в том, что у меня есть некоторые JS, связанные с элементами внутри .hslider. Даже если некоторые продолжают работать, другие (например, слайдер jquery UI) - нет. Есть способ сделать это без повторной инициализации всей JS? Я попытался взглянуть на исходный код jquery UI, но ... Я не очень хорош в js / jquery, чтобы иметь возможность декодировать что-нибудь полезное (да, источник был распакован: P)
Edit:
Я нашел нечто подобное здесь , но я действительно не хочу загружать еще 40 КБ + только для этого эффекта (особенно когда у меня уже загружен jQuery)