Что-то не так с моей кнопкой delete

У меня проблема с удалением кнопки. Picture Что-то не так с моей кнопкой delete

Если я нажму кнопку delete в строке 1, это сообщение покажет его. Но, если я нажму кнопку delete в строке 2 - n, он не покажет предупреждение.

Это мой JS и HTML код

\t \t \t <script type="text/javascript"> 
 
\t \t \t \t \t $('#AlertDelete').click(function(e) { 
 
\t \t \t \t \t \t 
 
\t \t \t \t \t swal({ 
 
\t \t \t \t \t  title: "Yakin akan menghapus data?", 
 
\t \t \t \t \t  text: "Data yang sudah dihapus tidak akan bisa dikembalikan", 
 
\t \t \t \t \t  type: "warning", 
 
\t \t \t \t \t  showCancelButton: true, 
 
\t \t \t \t \t  confirmButtonColor: '#DD6B55', 
 
\t \t \t \t \t  confirmButtonText: 'Iya, hapus data!', 
 
\t \t \t \t \t  cancelButtonText: "Batalkan!", 
 
\t \t \t \t \t  confirmButtonClass: "btn-danger", 
 
\t \t \t \t \t  closeOnConfirm: false, 
 
\t \t \t \t \t  closeOnCancel: false 
 
\t \t \t \t \t  }, 
 

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

\t \t <h2 class="view-title">Kelola Agen</h2> 
 
\t \t <div id="masonry" class="row"> 
 
\t \t \t <div class="module-wrapper masonry-item col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
 
\t \t \t \t <section class="module module-headings"> 
 
\t \t \t \t \t <div class="module-inner"> 
 
\t \t \t \t \t \t <div class="module-heading"> 
 
\t \t \t \t \t \t \t <h3 class="module-title">Daftar Agen</h3> 
 
\t \t \t \t \t \t \t <ul class="actions list-inline"> 
 
\t \t \t \t \t \t \t \t <li><a href="<?php echo base_url();?>index.php/Agen/manage"><span class="icon icon_plus"></span></a></li> 
 
\t \t \t \t \t \t \t \t <!--<li><button type="button" class="btn btn-xs btn-primary" data-dismiss="modal"><span class="icon icon_plus"></span></button></li>--> 
 
\t \t \t \t \t \t \t </ul> 
 
\t \t \t \t \t \t \t 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t <div class="module-content collapse in" id="content-1"> 
 
\t \t \t \t \t \t \t \t <div class="module-content-inner no-padding-bottom"> 
 
\t \t \t \t \t \t \t \t \t <div class="table-responsive"> 
 
\t \t \t \t \t \t \t \t \t \t <!-- di sini kontenny --> 
 
\t \t \t \t \t \t \t \t \t <table id="datatables-1" class="table table-striped display"> 
 
\t \t \t \t \t \t \t \t \t \t <thead> 
 
\t \t \t \t \t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>No</th> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>ID Agen</th> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>Nama Agen</th> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>Alamat</th> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>No. Telp</th> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>Keterangan</th> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <th>Action</th> 
 
\t \t \t \t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t \t \t </thead> 
 
\t \t \t \t \t \t \t \t \t \t <tbody> 
 
\t \t \t \t \t \t \t \t \t \t \t <?php if(@$result):?> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <?php $i = 1;?> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <?php foreach ($result as $row):?> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td><?php echo $i++;?></td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td><?php echo $row['id_agen'];?></td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td><?php echo $row['nama_agen'];?></td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td><?php echo $row['alamat'];?></td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td><?php echo $row['no_telp'];?></td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td><?php echo $row['keterangan'];?></td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <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> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t <a class="btn btn-xs btn-danger" id="AlertDelete"><i class="fa fa-trash"></i>Delete</a> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <?php endforeach?> 
 
\t \t \t \t \t \t \t \t \t \t \t <?php endif?> 
 
\t \t \t \t \t \t \t \t \t \t </tbody> 
 
\t \t \t \t \t \t \t \t \t </table> 
 
\t \t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t \t </div> 
 
\t \t \t \t \t \t </div> 
 
\t \t \t \t \t </section> 
 
\t \t \t \t </div> 
 
\t \t \t </div>

Я надеюсь, что кто-то может помочь мне решить эту проблему. Thx before :)

источник

2017-01-16 Kgs. Azzam Nizar

Поскольку вы динамически связывание данных с интерфейсом, вы не должны использовать идентификатор для события щелчка. Вместо этого используйте имя класса, чтобы вызвать событие 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>

источник

2017-01-16 18:07:15 GSB

Не могли бы вы подробно объяснить вашу проблему, создав новый вопрос и сохранив исходный код, например этот вопрос – GSB

Я не уверен, что это ваша проблема, но я бы использовал класс, а не идентификатор для вашей кнопки. Лучше не иметь несколько элементов управления с одним и тем же идентификатором (это нарушает спецификацию W3C).

Для получения дополнительной информации см этого post

источник

2017-01-16 18:02:15 MikeS

Я попытался изменить его в классе, и это работает. Спасибо приятель! : D –

ответ

Смежные вопросы