Ordenar elementos con sortable jquery ui

sortable() es otra de las funciones básicas de Jquery ui, esta función permite ordenar elementos dentro de columnas conectadas entre si, un ejemplo claro de esta función es la que se incluye por ejemplo en blogger, en la parte de diseño que permite ubicar widgets en columnas específicas. sortable() conecta las columnas a través del método connectWith: "clase", en este método se llama a la clase que conformará el conjuntos de columnas.

En el siguiente ejemplo se muestra un ejemplo básico para ordenar widgets en columnas ...

Ejemplo sortable Jquery UI

CSS ... Javascript ... HTML ...

Compatibilidad

Estable: para jQuery versión 1.6 o superior. Legacy: para jQuery versión 1.3.2 o superior.

Navegadores

Es compatible con los navegadores (y sus versiones posteriores) Internet Explorer 6.0, Mozilla Firefox 3, Safari 3.1, Ópera 9.6 y Google Chrome.

ThemeRoller

Los estilos de los componentes se pueden modificar para adaptarlos a las necesidades del usuario aunque no es una tarea trivial. Para ello, en la página oficial, existe la herramienta ThemeRoller7 que permite diseñar los estilos online de una manera sencilla.