Seleccionar orden de elementos de la lista

[alexg88]

Tienes que recubrir los scripts con la función $() o $(document).ready() para que se ejecuten los scripts después de cargarse el DOM (los elementos html) de la página. Como lo tenías puesto en el header se ejecuta antes de que la tabla haya sido creada.

Código HTML:

<script type="text/javascript">
 
$(function(){
$('#tabla_sortable').sortable({axis:'y',items:'tr'});
$('#boton_act').click(function(){
$.ajax({
type : 'POST',
data: ({orden : $('#tabla_sortable').sortable('serialize')}),
url: "actualizar_orden.php",
success: function(){
$("#informacion").html("Se ha actualizado correctamente");
},
error: function(){
$("#informacion").html("No se ha actualizado correctamente");
}
});
});
</script>
 

ó

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
$('#tabla_sortable').sortable({axis:'y',items:'tr'});
$('#boton_act').click(function(){
$.ajax({
type : 'POST',
data: ({orden : $('#tabla_sortable').sortable('serialize')}),
url: "actualizar_orden.php",
success: function(){
$("#informacion").html("Se ha actualizado correctamente");
},
error: function(){
$("#informacion").html("No se ha actualizado correctamente");
}
});
});
</script> 
});