jquery - tablesort jquery 插件在谷歌浏览器中工作吗

Question

有没有办法我可以添加一个 jquery tablesorter 插件，以便我使用 google chrome 浏览器对我的表进行排序，这是我在头文件中的代码

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

<script type="text/javascript">

$(document).ready(function() 
    { 
        $("#soop").tablesorter(); 
    } 
); 

</script> 

echo "<table id='soop' border='1' cellpadding='10' >";

    echo " <thead> 
    <tr>
    <th>Id</th>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Address</th>
    <th>Phone Number</th>
</tr> </thead>";

    echo "<tbody>";
    while($row = mysql_fetch_array( $result ))
    {

    echo " <tr>";
    echo '<td><b>' . $row['id'] . '</b></td>';
    echo '<td><b>' . $row['first_name'] . '</b></td>';
    echo '<td><b>' . $row['last_name'] . '</b></td>';
    echo '<td><b>' . $row['address'] . '</b></td>';
    echo '<td><b>' . $row['phone_number'] . '</b></td>';

    echo " </tr>";

    }
     echo "</tbody>";

有没有办法让 tablesort 插件在谷歌浏览器中工作，或者只是我犯了错误

Answer 1

您需要为表提供类名并包含插件中给出的样式表。

<script type="text/javascript" src="jquery/jquery-latest.js"></script> 
<script type="text/javascript" src="jquery/jquery.tablesorter.js"></script> 
<link rel="stylesheet" href="styles/style.css" type="text/css" />

<script type="text/javascript">

$(document).ready(function() 
{ 
    $("#soop").tablesorter(); 
} 
); 

</script> 

<?php
echo "<table id='soop' class='tablesorter' border='1' cellpadding='10' >";

希望这会有所帮助... :)