Question

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

<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>";

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

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' >";

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

tablesort jquery插件是否适用于Google Chrome

1 个答案: