Troszkę kodu:
  1. <ul id="GUIeqSortable">
  2. <li class="ui-state-default">1</li>
  3. <li class="ui-state-default">2</li>
  4. <li class="ui-state-default">3</li>
  5. <li class="ui-state-default">4</li>
  6. <li class="ui-state-default emptyItem">nic</li>
  7. <li class="ui-state-default emptyItem">nic</li>
  8. <li class="ui-state-default">7</li>
  9. <li class="ui-state-default">8</li>
  10. <li class="ui-state-default">9</li>
  11. <li class="ui-state-default emptyItem">nic</li>
  12. <li class="ui-state-default">11</li>
  13. <li class="ui-state-default">12</li>
  14. </ul>

java script:
Kod
$( "#GUIeqSortable" ).sortable({
            //placeholder: "ui-state-highlight"
            dropOnEmpty: false,
            cancel: ".emptyItem"
        });
        $( "#GUIeqSortable" ).disableSelection();


Za pomocą css zmodyfikowałem to, aby przypominało tabelę niż listę, ale to nie jest istotne.

Jak zrobić żeby przy przenoszeniu elementu zamiast przesuwać po prostu zamieniało miejscami. Najlepiej pokarzę na przykładzie:

Kod
//lista elem. przed

[0,1,2,3,4,5]

//przesuwam 5 element na 1 i otrzymuję

[0,5,1,2,3,4]

//a chcę otrzymać

[0,5,2,3,4,1]


Próbowałem tego:
http://www.eslinstructor.net/demo/swappabl...pable_home.html

Jednak nie działa z najnowszą wersją jQuery. (Potrzebuję najnowszej ze względu na inne funkcje)


Z góry dziękuję za pomoc

moze chociaz jakies rady?