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>Ver 2</a> <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!