在我成功追加 ajax 行后,无法选择此行(我使用toggleClass()和hover())。谷歌搜索后是因为事件没有绑定,应该使用on()而不是click(),但它仍然是一样的
$("#simpan").on("click",function(){
var nim=$("#nim").val();
var nama=$("#nama").val();
var alamat=$("#alamat").val();
$.ajax({
type:"post",
url:"data.php?action=getdata",
data:"nim="+nim+"&nama="+nama+"&alamat="+alamat,
success:function(data){
$("table").append(data);
resetForm();
}
});
});
你们有解决方案吗?
更新: 这是该行的事件处理程序
$("tr").not(":first").click(function(){
$("tr").not(this).removeClass("selected");
$(this).toggleClass("selected");
});
我的桌子
<table id="table" border="1">
<tr>
<td>Nim</td>
<td>Nama</td>
<td>Alamat</td>
</tr>
<?php
include "db.php";
$result=mysql_query("SELECT * FROM mahasiswa");
while($mahasiswa=mysql_fetch_array($result)){
?>
<tr>
<td><?php echo $mahasiswa["nim"]; ?></td>
<td><?php echo $mahasiswa["nama"]; ?></td>
<td><?php echo $mahasiswa["alamat"]; ?></td>
</tr>
<?php
}
?>
</table>
“simpan”是一个按钮,当它被点击时,表单中的数据使用ajax保存到数据库中,当成功时,数据被附加到表中。
echo "
<tr>
<td>$_POST[nim]</td>
<td>$_POST[nama]</td>
<td>$_POST[alamat]</td>
</tr>
";