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:
Ver original<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");
}
});
});
ó
Código HTML:
Ver original<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");
}
});
});
});