guarde las posiciones de jquery ui-sortable en DB

Estoy tratando de replicar la funcionalidad de esta página (http://www.kissfm.ro/fresh-top-40/) para un amigo que tiene una pequeña radio web. El sitio está configurado en wordpress fyi.

Entonces mi pregunta es, después de buscar Stackoverflow, ¿cómo puedo guardar / obtener los gráficos revisados ​​en función de la entrada de los usuarios? encontré cómo guardar solo las presentaciones, pero ¿cómo obtengo los gráficos finales según la elección del usuario?

¡Gracias por adelantado! (código o enlace a la bienvenida tutorial!)

haga que su HTML sea ordenable, agregue javascript y guárdelo en php on update.

  • elem 1
  • elem 2
  • elem 3
  • elem 4
$(document).ready(function(){ $('#sortable').sortable({ update: function(event, ui) { var newOrder = $(this).sortable('toArray').toString(); $.get('saveSortable.php', {order:newOrder}); } }); });

Sé que esto es viejo, pero lo que hago es simplemente agregar un elemento de entrada oculto en cada LI. Todos tendrían el mismo nombre con [] al final. De esta manera, cuando publique el formulario que contiene la UL, obtendrá una matriz en sus valores de publicación en el orden en que acaba de colocar su lista.

De acuerdo con los documentos Clasificables, tenemos que ponerle un prefijo al ID de LI con un poco de cadena. Entonces, si serializamos el ordenable en el método de actualización, obtendremos una buena matriz en php, por ejemplo, new_order [] = 1 & new_order [] = 2, etc.

 var data = $(this).sortable('serialize'); 
  • elem 1
  • elem 2
  • elem 3
  • elem 4
 You may POST with input to DB and save it Here we go: 
  • . .
$(document).ready(function(){ $('#sortable').sortable({ update: function(event, ui) { var newOrder = $(this).sortable('toArray').toString(); $.get('saveSortable.php', {order:newOrder}); } }); });

Espero eso ayude 😉