Hola a todos.
Tengo una programación para ordenar listados.
Son flechas, que al pulsar, el elemento actual sube y el de arriba baja (o al pulsar el elemento actual baja y el siguiente sube) (dependiendo de la flecha pulsada).
Los elementos están en posiciones ABSOLUTAS para poder producir un efecto de desplazamiento (con animate de jQuery)
Situación inicial:
elemento 1 -----> index 0
elemento 2 -----> index 1
elemento 3 -----> index 2
elemento 4 -----> index 3
Pulso sobre el elemento 2 para BAJARLO y la situación es esta:
elemento 1 -----> index 0
elemento 3 -----> index 2
elemento 2 -----> index 1
elemento 4 -----> index 3
Visualmente se han desplazado los elementos pero, yo veo el código fuente, y:
- 1) Los elementos siguen en el mismo orden que en el inicial
- 2) Al ejecutar una bajada del elemento 2 (o del elemento 3 que se ha subido para arriba) se me ejecuta el evento MAL, porque los índices están mal ordenados, FISICAMENTE no se han reorganizado como visualmente.
- 3) Si reccorro el array de elementos, me los recorre en el sentido INICIAL, no me muestra el elemento movido, porque s eha movido VISUALMENTE no a nivel de DOM.
¿Como organizar los elementos o mover los índices para que lo visual se corresponda con el DOM?
Aqui un ejemplo en funcionamiento:
http://jsfiddle.net/L8qebbo5/
Gracias y un saludo.
Javier.