个人中心
gpt4 book ai didi

php - jQuery 不适用于通过 PHP 回显的元素

转载 作者：行者123 更新时间：2023-11-29 03:45:38 24 4
gpt4 key购买 nike

我有一个 PHP 代码，它从 mysql 数据库生成一个 html 表，然后我尝试使用一个 jQuery 插件来使表可排序。我遇到过这个问题很多次，似乎无法在任何地方找到解决方案……为什么 jQuery(或者它是 Javascript 时期？)不能处理 PHP 输出？没有办法解决这个问题吗？

代码如下:

<html><head>
<title>MySQL Table Viewer</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://tablesorter.com/jquery.tablesorter.min.js"></script>
<script src="http://tablesorter.com/addons/pager/jquery.tablesorter.pager.js"></script>
<script>
$(document).ready(function() 
{ 
    $("#mytable").tablesorter(); 
} 
); 
</script>
</head><body>
<?php
$db_host = 'localhost';
$db_user = 'root';
$db_pwd = 'lptm42b';

$database = 'sphinx';
$table = 'spheres';

if (!mysql_connect($db_host, $db_user, $db_pwd))
die("Can't connect to database");

if (!mysql_select_db($database))
die("Can't select database");

// sending query
$result = mysql_query("SELECT * FROM {$table}");
if (!$result) {
    die("Query to show fields from table failed");
}

$fields_num = mysql_num_fields($result);

echo "<h1>Table: {$table}</h1>";
echo "<table id=\"mytable\" border='1'><tr>";
// printing table headers
for($i=0; $i<$fields_num; $i++)
{
    $field = mysql_fetch_field($result);
    echo "<td>{$field->name}</td>";
}
echo "</tr>\n";
// printing table rows
while($row = mysql_fetch_row($result))
{
    echo "<tr>";

    // $row is array... foreach( .. ) puts every element
    // of $row to $cell variable
    foreach($row as $cell)
        echo "<td>$cell</td>";

    echo "</tr>\n";
}
mysql_free_result($result);
?></table>
</body>
</html>

输出是:

<html><head>

<script src="../js/jquery_plugin.tablesorter.min.js"></script>

<script src="../js/jquery-1.6.min.js"></script>

<script src="../js/jquery_plugin.tablesorter.pager.js"></script>

<title>MySQL Table Viewer</title></head><body>

<h1>Table: lobby</h1><table id="mytable" border='1'><thead><tr><td>tableid</td>    <td>name</td><td>datecreated</td><td>active</td></tr></thead> 
<tbody><tr><td>12341231241</td><td>Oyunum1</td><td>2011-05-09 14:26:51</td><td>0</td>    </tr> 
<tr><td>6677768</td><td>m2</td><td>2011-05-05 14:26:39</td><td>1</td></tr> 
<tr><td>ddf1</td><td>m3</td><td>2011-05-09 14:27:19</td><td>0</td></tr> 
<tr><td>7856844444</td><td>m4</td><td>2011-05-09 14:27:31</td><td>0</td></tr> 
<tr><td>xxxxde4rfd</td><td>m5</td><td>2011-05-09 14:27:43</td><td>0</td></tr> 
</tbody></table>

</body></html>

<script>

$(document).ready(function() 

{ 

    $("#mytable").tablesorter(); 

} 

); 

</script>

更新:出于某种原因，语法着色在 chrome View 源代码的末尾/script> 标记处丢失

最佳答案

tablesorter插件需要表中的 THEAD 和 TBODY 标签才能工作

关于php - jQuery 不适用于通过 PHP 回显的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5936390/

24 4 0
文章推荐： java - JTree 如何响应已更改的 DefaultMutableTreeNode？
文章推荐： ios - 如何计算用户拖动图像的速度？
文章推荐： java - 来自其他类的 JFrame/JPanel 绘图
文章推荐： ios - 如何在标签栏导航栏添加图片