TableSorter pager

Boa noite, estou tentando fazer um sisteminha pra estudo, e não estou conseguindo paginar a table do lado direito, não entendo muito bem de javascript por isso não consigo achar o erro, será que alguem pode me ajudar ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>

<link rel="stylesheet" href="resourcer/css/style.css" type="text/css" />

<script type="text/javascript" src="resourcer/js/jquery-latest.js"></script>
<script type="text/javascript" src="resourcer/js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="resourcer/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="resourcer/js/jquery.tablesorter.pager.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("table").tablesorter({ sortList : [ [ 0, 0 ], [ 0, 0 ] ] })
	});
</script>

<script type="text/javascript">
$(document).ready(function() { 
    $("#table-disciplina") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("pager")}); 
}); 
</script>

</head>
<body>
	<div class="container">
		<table cellspacing="1" class="tablesorter posicao1">
			<thead>
				<tr>
					<th class="header">Andares</th>
					<th class="header" colspan="6">Salas</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1 (300)</td>
					<td>101 (50)</td>
					<td>102 (50)</td>
					<td>103 (50)</td>
					<td>104 (50)</td>
					<td>105 (50)</td>
					<td>106 (50)</td>
				</tr>
				<tr>
					<td>2 (300)</td>
					<td>201 (50)</td>
					<td>202 (50)</td>
					<td>203 (50)</td>
					<td>204 (50)</td>
					<td>205 (50)</td>
					<td>206 (50)</td>
				</tr>
				<tr>
					<td>3 (300)</td>
					<td>301 (50)</td>
					<td>302 (50)</td>
					<td>303 (50)</td>
					<td>304 (50)</td>
					<td>305 (50)</td>
					<td>306 (50)</td>
				</tr>
				<tr>
					<td>4 (300)</td>
					<td>401 (50)</td>
					<td>402 (50)</td>
					<td>403 (50)</td>
					<td>404 (50)</td>
					<td>405 (50)</td>
					<td>406 (50)</td>
				</tr>
				<tr>
					<td>5 (300)</td>
					<td>501 (50)</td>
					<td>502 (50)</td>
					<td>503 (50)</td>
					<td>504 (50)</td>
					<td>505 (50)</td>
					<td>506 (50)</td>
				</tr>
			</tbody>
		</table>

		<table cellspacing="1" class="tablesorter posicao2" id="table-disciplina">
			<thead>
				<tr>
					<th class="header">Horario</th>
					<th class="header">Alunos</th>
					<th class="header">Data</th>
					<th class="header" colspan="7">Disciplinas</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica I (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica II (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica III (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica IV (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica V (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica VI (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica VII (25)</td>
				</tr>
				<tr>
					<td>09:30 - 12:30</td>
					<td>80</td>
					<td>13/09/2014</td>
					<td>Matematica VIII (25)</td>
				</tr>
			</tbody>
		</table>
	   
	   <div id="pager" class="pager">
			<form>			

				<img src="resourcer/imagens/first.png" class="first" /> 
				<img src="resourcer/imagens/prev.png" class="prev" /> 				
				<input type="text" class="pagedisplay" /> 			
				<img src="resourcer/imagens/next.png" class="next" /> 
				<img src="resourcer/imagens/last.png" class="last" /> 
				
				<select class="pagesize">
					<option selected="selected" value="5">5</option>
					<option value="10">10</option>
					<option value="20">20</option>
					<option value="30">30</option>
				</select>
			</form>
		</div>	
	</div>
</body>
</html>

a tela aparece com o tablesorter todo certinho e com todas as imagens e etc da parte de paginação, mais a ação de paginação não está funcionando, sera que alguem poderia me ajudar ?

Topicos relacionados