jquery сортируемый плагин с "эффектом скольжения"?

Question

У jQueryUI есть хороший плагин, Sortable: http://jqueryui.com/demos/sortable/ Я очень доволен этим плагином, но мне не хватает только одной вещи.И это вместо того, чтобы позволить элементам, которые изменяют позицию, перемещаться / переходить на новую позицию, я бы хотел, чтобы они вместо этого «скользили» к этой новой позиции.Другими словами, сделайте его более плавным.

Я искал в сети три дня и не нашел ни одного плагина, который бы это делал (!?! ??).Я имею в виду, давай, должен быть один, верно?

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

Так что я действительно прошу помощи.Либо измените справку, либо, если вы видели плагин, который делает это, пожалуйста (:

Answer 1

, если вы посмотрите на сортируемую демоверсию с заполнителем и используете следующий код для инициализации сортируемой, вы увидите скользящее действие в заполнителе

$(function() {
  $("#sortable").sortable({
    placeholder: 'ui-state-highlight',
    start: function (e,ui){        // new lines to
      $(ui.placeholder).slideUp(); // remove popping
    },                             // effect on start
    change: function (e,ui){
      $(ui.placeholder).hide().slideDown();
    }
  });
  $("#sortable").disableSelection();
});

вы можете изменить класс ui-state-highlight на любой, какой захотите, его можно стилизовать, вы можете сделать его невидимым, используя видимость css-свойства, и установить его скрытым

я сделал базовый пример в jsbin.com , чтобы вы могли видеть, на что это похоже

РЕДАКТИРОВАТЬ: пример с удаленным эффектом поппинг, когда вы запускаете сортировку

Answer 2

Вы можете заставить его скользить с:

(...).sortable({
revert : 300, ...

Число указывается в миллисекундах для анимации. Также см. Аналогичный пост: В JQuery Sortable, как я могу запустить функцию до запуска анимации возврата?

Answer 3

1. вы можете управлять им с помощью параметров событий.проверить их ...
2. будьте осторожны с очередью, потому что если вы перетаскиваете один элемент, а затем перетаскиваете другой без первого, заканчивающийся, что может выглядеть смешно.
3. Я бы порекомендовал вам прочитать о .stop (), jq queue и, возможно, "cancel bubble"