Seleccionar orden de elementos de la lista

[alexg88]

Si lees la documentación oficial hay un método llamado serialize que transforma todos items con id's del tipo item_1, item_2, ... a una query string del tipo item=1&item=2&...

Ejemplo:

Código Javascript:

$(function() {
    $( "#sortable" ).sortable({stop:function(event,ui){    
       alert($( "#sortable" ).sortable('serialize'));
    }});
        $( "#sortable" ).disableSelection();
    });
 

Código HTML:

<div class="demo">
 
<ul id="sortable">
   <li id='li_1' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
    <li id='li_2' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
    <li id='li_3' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
    <li id='li_4' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
    <li id='li_5' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
    <li id='li_6' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
    <li id='li_7' class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>
 
</div><!-- End demo -->
 

En este ejemplo que puedes visualizar en la url: http://jsfiddle.net/alexg88/SuFVV/19/embedded/result/
puedes ver que cada vez que intercambias se crea una ventana con la query string que es la que puedes mandar al servidor y procesar para hacer los cambios necesarios en la base de datos.