Hola.
Estoy intentando hacer un ejemplo muy básico que no consigo que funcione correctamente.
OBJETIVO: Tengo una web muy simple, con solo un elemento <a>, que cuando es pulsado carga unos datos mediante AJAX.
OBJETIVO 2: Una vez cargada la tabla, quiero aplicar TableSort.
LA primera parte la he conseguido, pero la segunda ... no consigo.
Pongo los códigos:
Código HTML:
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.tablesorter.min.js" type="text/javascript"></script>
<script>
$(function( ){
$("#miboton").bind("click", loading);
});
function loading(event)
{
$("#tablamaestra2").load('data.htm');
$("#tablamaestra").sorttable();
$("#tablamaestra").trigger("update");
$("#tablamaestra").trigger("appendCache");
}
</script>
<title>Ejemplo jQuery</title>
</head>
<body>
<a id="miboton">Ver 2</a>
<br>
<div id="tablamaestra2">aqui</div>
</body>
</html> Ahora los datos a cargar data.htm:
Código HTML:
<table id="tablamaestra">
<thead>
<tr>
<th>Test</th>
<th>Col 2a</th>
<th>Col 3a</th>
<th>C4 a</th>
</tr>
</thead>
<tbody>
<tr>
<td>static col 1</td>
<td>static col 1</td>
<td>static col 1</td>
<td>static col 1</td>
</tr>
<tr>
<td>a col 2</td>
<td>B col 2</td>
<td>static col 2</td>
<td>static col 2</td>
</tr>
<tr>
<td>static col 3</td>
<td>static col 3</td>
<td>static col 3</td>
<td>static col 3</td>
</tr>
<tr>
<td>Dstatic col 4</td>
<td>static col 4</td>
<td>static col 4</td>
<td>static col 4</td>
</tr>
</tbody>
</table>
Pues eso ...
a ver si alguien me ilumina! 