0

在我成功追加 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>
    ";
4

2 回答 2

0
$(document).on("click", "#simpan", 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();
    }
});
于 2013-02-18T17:27:31.473 回答
0

对于动态添加的元素语法on()如下:

$(staticPanentElement).on(eventName, target, handlerFunction);

wherestaticPanentElement表示任何有效的选择器,它指向一个不是动态创建的并且包含target.

在您的代码中,您似乎正在使用相同的多行,id=simpan这是不可接受的。

于 2013-02-18T17:28:25.363 回答