sortowalna wtyczka jquery z "efektem przesuwania"?

Question

jQueryUI ma ładną wtyczkę, Sortable: http://jqueryui.com/demos/sortable/ Jestem bardzo zadowolony z tej wtyczki, ale brakuje mi tylko jednej rzeczy. I zamiast pozwolić elementom, które zmieniają pozycję pop/jump na nową pozycję, chciałbym zamiast tego "przesunąć się" do tej nowej pozycji. Innymi słowy, spraw, by była nieco bardziej płynna.

Przeszukałem sieć przez trzy dni i nie znalazłem jednej wtyczki, która to robi (!?! ??). Mam na myśli, chodź, musi być jeden, prawda?

Próbowałem też trochę zmodyfikować kod, i udało mi się go trochę zmodyfikować (przez sklonowanie elementu, przesunięcie klonu do nowej pozycji, a następnie usunięcie klona. ukrywanie oryginalnego elementu i odkrywanie go po usunięciu klona). Ale to nie działa zbyt dobrze i pomyślałem, że gdzieś tam musi być coś lepszego!

Tak naprawdę błagam o pomoc. Albo modyfikację pomocy, lub jeśli widziałem plugin, który robi to, proszę (:

Answer 1

jeśli ciebie spójrz na sortable demo with placehoder i użyj następującego kodu, aby zainicjować sortable zobaczysz przesuwne ac cja w zastępczym

$(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(); 
}); 

można zmienić klasy ui-state-highlight na cokolwiek chcesz go styl, można je niewidoczne za pomocą widoczności CSS właściwości i ustawić ją na ukrytej

ja wykonane podstawowy przykład w jsbin.com, dzięki czemu można zobaczyć, co jego jak

EDIT: example z popping efektu usuwane po zacząć sortowania

Answer 2

1. można sterować za pomocą opcji wydarzeń sprawdzić je ...
2. becareful z kolejki, bo jeśli ty. przeciągnij jeden element, a następnie przeciągnij drugi withouth pierwszy wykończeniowych, które mogą wyglądać śmiesznie.
3. polecam do zapoznania się .Zatrzymaj(), kolejki JQ i ewentualnie „anuluj bańki”

Answer 3

można g i ślizgać się:

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

Liczba jest podawana w milisekundach dla animacji. Zobacz także podobny post: In JQuery Sortable, how can I run a function before the revert animation starts?