Javascript 我的按钮有问题吗

我的按钮删除有问题

如果我在第1行中按delete，警报将显示它。但是，如果我按下第2-n行中的删除按钮，它将不会显示警报

这是我的JS和HTML代码

$（'#AlertDelete'）。单击（函数（e）{
游泳({
标题：“Yakin akan menghapus数据？”，
文本：“数据不可能是唯一的数据”，
键入：“警告”，
showCancelButton:true，
confirmButtonColor:“#DD6B55”，
confirmButtonText:“Iya，hapus数据！”，
cancelButtonText:“Batalkan！”，
确认按钮类：“btn危险”，
CloseOnConfig:false，
closeOnCancel:错误
},
功能（isConfirm）{
如果（我确认）{
var data=$（this.serialize（）；
$.post（'index.php/agen/delete/'，数据）；
swal（“Terhapus！”，数据来源于dihapus.Kamu将以“成功”的形式出现；
setTimeout（“location.href=”http://localhost/cvatikan/index.php/buku';",1000);
}否则{
swal（“Dibatakan”、“Hapus数据Dibatakan”、“错误”）；
}
});
});

kelolaagen
达夫塔阿根



不
身份代理
纳马阿根
阿拉马特
电话号码
凯特兰根
行动
删除

我不确定这是否是您的问题，但我会为您的按钮使用类而不是id。最好不要让多个控件具有相同的id（这违反了W3C规范）

---

有关更多信息，请参见此

，因为您将数据与UI动态绑定，所以不必为单击事件使用id。使用类名来调用click事件，而不是使用该类名

只需将“AlertDelete”作为类名，如下代码所示

<tbody>
                                        <?php if(@$result):?>
                                            <?php $i = 1;?>
                                            <?php foreach ($result as $row):?>
                                                <tr>
                                                    <td><?php echo $i++;?></td>
                                                    <td><?php echo $row['id_agen'];?></td>
                                                    <td><?php echo $row['nama_agen'];?></td>
                                                    <td><?php echo $row['alamat'];?></td>
                                                    <td><?php echo $row['no_telp'];?></td>
                                                    <td><?php echo $row['keterangan'];?></td>
                                                    <td>
                                                    <a href="<?php echo base_url();?>index.php/agen/manage/<?php echo $row['id_agen'];?>"class="btn btn-xs btn-primary"><i class="fa fa-pencil-square-o" aria-hidden="true"></i>Edit</a>
                                                    <a class="btn btn-xs btn-danger AlertDelete"><i class="fa fa-trash"></i>Delete</a>
                                                    </td>
                                                </tr>
                                            <?php endforeach?>
                                        <?php endif?>
                                    </tbody>


And change below code in js

    <script type="text/javascript">
                        $(document).
    on('click','.AlertDelete',function(e) {

                          swal({
                              title: "Yakin akan menghapus data?",
                              text: "Data yang sudah dihapus tidak akan bisa dikembalikan",
                              type: "warning",
                              showCancelButton: true,
                              confirmButtonColor: '#DD6B55',
                              confirmButtonText: 'Iya, hapus data!',
                              cancelButtonText: "Batalkan!",
                              confirmButtonClass: "btn-danger",
                              closeOnConfirm: false,
                              closeOnCancel: false
                            },

                            function(isConfirm) {
                              if (isConfirm) {
                                var data = $(this).serialize(); 
                                $.post('<?php echo base_url();?>index.php/agen/delete/<?php echo $row['id_agen'];?>', data);
                                swal("Terhapus!", "Data berhasil dihapus. Kamu akan diarahkan ke halaman sebelumnya secara otomatis", "success");
                                setTimeout("location.href = 'http://localhost/cvatikan/index.php/buku';",1000);
                              } else {
                                swal("Dibatalkan", "Hapus data dibatalkan", "error");
                              }
                            });
                        });
                    </script>

删除
并在js中更改下面的代码
$（文件）。
在（'click'，'AlertDelete'，函数（e）{
游泳({
标题：“Yakin akan menghapus数据？”，
文本：“数据不可能是唯一的数据”，
键入：“警告”，
showCancelButton:true，
confirmButtonColor:“#DD6B55”，
confirmButtonText:“Iya，hapus数据！”，
cancelButtonText:“Batalkan！”，
确认按钮类：“btn危险”，
CloseOnConfig:false，
closeOnCancel:错误
},
功能（isConfirm）{
如果（我确认）{
var data=$（this.serialize（）；
$.post（'index.php/agen/delete/'，数据）；
swal（“Terhapus！”，数据来源于dihapus.Kamu将以“成功”的形式出现；
setTimeout（“location.href=”http://localhost/cvatikan/index.php/buku';",1000);
}否则{
swal（“Dibatakan”、“Hapus数据Dibatakan”、“错误”）；
}
});
});

我尝试将其更改为class，但效果良好。谢谢你，伙计请您通过创建新问题和维护类似于此问题的源代码详细解释您的问题