JQuery表分类器-与PHP相关
如果这是一个业余问题,我会向你道歉。 我正在尝试让Jquery Tablesorter插件使用PHP从MySql数据库生成的表。目前我无法进行分拣。我认为这与javascript和php操作的顺序有关,可能需要在javascript中实现回调之类的东西。我的代码是:JQuery表分类器-与PHP相关,php,jquery,tablesorter,Php,Jquery,Tablesorter,如果这是一个业余问题,我会向你道歉。 我正在尝试让Jquery Tablesorter插件使用PHP从MySql数据库生成的表。目前我无法进行分拣。我认为这与javascript和php操作的顺序有关,可能需要在javascript中实现回调之类的东西。我的代码是: <html> <head> <script src="jquery/jquery.js" type="text/javascript"></script> <script src
<html>
<head>
<script src="jquery/jquery.js" type="text/javascript"></script>
<script src="jquery/jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#table1").tablesorter({ sortlist: [0,0] });
});
</script>
</head>
<body>
<?php
$con = mysql_connect("localhost","root","root");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("Database1", $con);
$result = mysql_query("SELECT * FROM PlayerStats1 WHERE G>2 LIMIT 0,20");
echo "<table id=\"table1\" class=\"tablesorter\" border=1px>
<caption align=top>Stats</caption>
<thead>
<tr>
<th width=90px>Forename</th>
<th width=90px>Surname</th>
<th width=50px>Team</th>
<th width=40px>G</th>
<th width=50px>RPG</th>
<th width=50px>APG</th>
<th width=50px>TOPG</th>
<th width=50px>BPG</th>
<th width=50px>SPG</th>
<th width=50px>PPG</th>
</tr>
</thead>";
while($row = mysql_fetch_array($result))
{
echo "<tbody>";
echo "<tr>";
echo "<td>" . $row['FORENAME'] . "</td>";
echo "<td>" . $row['SURNAME'] . "</td>";
echo "<td align='center'>" . $row['TEAM'] . "</td>";
echo "<td align='center'>" . $row['G'] . "</td>";
echo "<td class='col1' align='center'>" . $row['RPG'] . "</td>";
echo "<td class='col2' align='center'>" . $row['APG'] . "</td>";
echo "<td class='col3' align='center'>" . $row['TOPG'] . "</td>";
echo "<td class='col4' align='center'>" . $row['BPG'] . "</td>";
echo "<td class='col5' align='center'>" . $row['SPG'] . "</td>";
echo "<td class='col6' align='center'><b>" . $row['PPG'] . "</b></td>";
echo "</tr>";
echo "</tbody>";
}
echo "</table>";
mysql_close($con);
?>
</body>
</html>
$(文档).ready(函数()
{
$(“#表1”).tablesorter({sortlist:[0,0]});
});
如果是实施回拨-任何指导/代码都将不胜感激。与顺序无关;您的浏览器执行Javascript,就其而言,PHP生成的HTML与任何HTML都是一样的,因此它生成的事实与此无关。我建议您在tablesorter中打开调试模式并使用Firebug,看看这是否说明了问题,否则从表面上看,我看不出是什么导致了问题。并不是说它可能不在那里,我只是想它 Tbody标记只应在TR循环之外调用一次。
TBody是所有表体TR元素的单一集合。这将使tablesorter停止工作。不要认为这与问题有关,但是:
是无效代码。它应该是
(不带px
)或
(使用样式
,单位为px
)。您得到的代码可能会工作,但也可能会导致问题,而且肯定不符合标准,因此可能会使浏览器进入怪癖模式。好的一点,我没有发现tbody在循环中。是的,把它放在外面,那可能会让你困惑。使用多个tbodies可能有用,但在这种情况下可能不会。