Tablesorter排序箭头无法使用

时间:2016-04-22 02:55:45

标签: javascript php jquery css tablesorter

我是jquery和php编程的新手。 现在我认为这是一个愚蠢的问题,这里有很多问题,但没有任何效果。我已经经历了近4个小时的这个问题,我不顾一切地想解决这个问题。

enter image description here

如您所见,该表看起来还不错。但是......箭头不起作用。 点击后,它对我没有任何意义,我不知道它有什么问题。

到目前为止,这些是我的代码。 (我将跳过主要的表格代码以减少这篇文章的篇幅)

<head>

<link rel="stylesheet" type="text/css" href="jquery.tablesorter/docs/css/jq.css?4005963428"/>
<link rel="stylesheet" type="text/css" href="jquery.tablesorter/themes/green/style.css?4005963428"/>
<link rel="stylesheet" type="text/css" href="jquery.tablesorter/addons/pager/jquery.tablesorter.pager.css?4005963428"/>


<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
}
</style>

<script type="text/javascript" src="jquery.tablesorter/jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter/jquery.tablesorter.js"></script> 
<script type="text/javascript" src="jquery.tablesorter/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="jquery.tablesorter/jquery.metadata.js"></script> 
<script type="text/javascript" src="jquery.tablesorter/addons/pager/jquery.tablesorter.pager.js"></script> 

</head>

<br><br>

<table id='myTable'  class='tablesorter'  style="width:100%" >
<?php  echo "<thead>";
?>
<tr>
<th>Name</th>
<th>Lastname</th>   

<?php 

for($i = 0; $i < $count; $i++){

while ($rowss = mysql_fetch_array($result3, MYSQL_ASSOC)){
    ?>
<th><?php echo $rowss['Skill_Name']  ?> Score</th>

<?php
}

}
?>

<th>Overall Score</th>
<th>Status</th>
<th colspan="3">View Information</th>

</tr>
<?php  echo "</thead>";
?>

<?php  echo "<tbody>";

while ($rows2 = mysql_fetch_array($result4, MYSQL_ASSOC)){
?> 
//table td elements in loop
<?php
}

echo "</tbody>";
?>   
</table>

<script type="text/javascript" >
$("#myTable").tablesorter({ 
// sort on the first column and third column, order asc 
sortList: [[0,0],[2,0]]
});
</script>

我真的不知道这个,请帮忙。

干杯,GzNero

0 个答案:

没有答案