PHP/AAJAX阻止jquery工作

您的AJAX请求将转到getuser.php，我假设您的第二个代码块代表的是什么？基本上，您实际上不是调用一些PHP代码来处理并向您发送响应，而是调用一个PHP脚本和一个HTML页面来启动，然后将其嵌入到现有页面中。

我建议做以下操作：

首先，从getuser.php中删除HTML，这样您只剩下php代码。

然后，在进行AJAX调用的页面中，作为"成功"函数的一部分，包括分类器函数，以便在您得到响应并写出新的HTML之后进行调用。效果如下：

getuser.php：

<?php include "db.php";

$q = intval($_GET['q']);
$result = mysqli_query($db_connection, "SELECT * FROM student WHERE Student_Id = '".$q."' or Student_Id = 7");
echo "<table id='"myTable'" class='"tablesorter'"> 
<thead> 
<tr> 
    <th>Student ID</th> 
    <th>B-Code</th> 
    <th>First Name</th> 
    <th>Second Name</th> 
    <th>Email</th> 
</tr> 
</thead> 
<tbody>
";
while($row = mysqli_fetch_array($result)) {
  echo "<tr>";
  echo "<td>" . $row['Student_Id'] . "</td>";
  echo "<td>" . $row['B-code'] . "</td>";
  echo "<td>" . $row['Student_Forename'] . "</td>";
  echo "<td>" . $row['Student_Surename'] . "</td>";
  echo "<td>" . $row['Student_Email'] . "</td>";
  echo "</tr>";
}
echo"</tbody> 
</table> ";

mysqli_close($con);

然后，在您的呼叫页面成功代码：

if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
$("table").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]] 
    }); 
    }
  }

此外，还可以将必要的CSS和JavaScript包含移到调用页，这样您就可以使用jQuery对象等。我还建议更改该代码，使用jQuery控件和函数，而不是原始JavaScript。它将有助于保持代码的清洁、一致性和易读性：）

注意：我很快就把这个打出来了，所以任何人都可以随时打电话给我，纠正我的错误。

问题是，当jQuery脚本启动时，选择器语句的默认功能是select，并在该选择器的当前实例上执行此操作。

所以，如果你这样做：

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("table").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]] 
    }); 
});

它会查找页面上的所有表标签，并调用这些标签上的表分类器。但是，如果在页面中添加了额外的表标记，或者在页面已经加载时将第一个表标记添加到页面中，那么jquery不会调用表分类器，因为它以前在运行$("table")选择器时不存在。

这还没有经过测试，但您可以尝试在每次ajax完成加载时将.tablesorter挂接到$（"table"）选择器上。

$( document ).ajaxComplete(function() {
        $("table").tablesorter({ 
                // sort on the first column and third column, order asc 
                sortList: [[0,0],[2,0]] 
        }); 
});

类似的情况是，当你使用类似的东西时：

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

.click事件仅绑定到首次加载页面时页面上存在的#目标元素。以后添加到页面的任何后续#target元素都不会绑定.click事件。

这么说吧。您有header.php，脚本就在这里。然后你有index.php，然后你有了table.php。如果在index.php中包含header.php，则header.php中的脚本将影响index.php中的元素。但是，如果在index.php中也包含table.php，则除非使用适当的事件绑定（如下面的.on()事件），否则header.php中的脚本不会影响table.php中的元素。我想。。。？

要解决此问题，您必须使用.on事件：

$( "#target" ).on( "click", function() {
  alert( $( this ).text() );
});

.on事件将自己绑定到选择器的所有当前和以后的实例，在本例中，选择器是#target。