Function tidak jalan

Input data dan edit lancar tapi permasalahannya adalah $('#edit').click(function( tidak jalan setelah input data,disini saya menggunakan 1 modal untuk input dan edit

 <script type="text/javascript">
  $(document).ready(function(){
    $('#tambah').click(function(){
      $('#simpan').show();
      $('#edit').hide();
      $('#judul').text("Tambah Data");
      $('#form-tambah').trigger("reset");
    });
    $('#form-tambah').on("submit", function(e){
      e.preventDefault();
      $.ajax({
        type : 'post',
        url : '../function/tambah_bintang.php',
        data : new FormData(this),
        contentType : false,
        cache : false,
        processData : false,
        success : function(data){
          if (data == "insert") {
            swal('Data Berhasil Disimpan', '', 'success');
            $('#form-tambah').trigger('reset');
            $("#table").load(" #table");
            console.log(data);
          }else if (data == "edit") {
            swal('Update Berhasil', '', 'success');
            $("#table").load(" #table");
            console.log(data);
          }else {
            swal('Gagal', '', 'error');
            console.log(data);
          }
        }
      });
    });
    $('.edit').click(function(e){
      $('#judul').text("Edit Data");
      var kode_bintang = $(this).attr("id");
      $('#edit').show();
      $('#tr').val("1");
      $('#judul').val("Edit Data");
      $.ajax({
        type : 'post',
        data : {kode_bintang:kode_bintang},
        dataType : 'json',
        url : '../function/edit.php',
        success : function(data){
          $('#kode_bintang').val(data.kode_bintang);
          $('#nama').val(data.nama);
          $('#tgl_lahir').val(data.tgl_lahir);
          $('#jk').val(data.jk);
          $('#local').val(data.local);
          $('#edit').show();
          $('#simpan').hide();
        }
      });
    });

</script>

avatar satriodwi
@satriodwi

43 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

Kalo menurut pengalaman saya, kalo tag yang mempunyai id tertentu akan susah untuk di manipulasi oleh jquery.

Solusi pakai variable gan. Contoh: $edit = $('#edit'); $edit.click(function(){ $(this).show() });

Untuk seterusnya pakai $edit untuk memanipulasi selector #edit.

avatar VeriAsha
@VeriAsha

12 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Kalo tetep tidak bisa di klik. Coba pakai javascript standard.

var edit = document.querySelector('#edit'); edit.addEventListener('click',function(){ this.style.display = 'block'; });

avatar VeriAsha
@VeriAsha

12 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

makasih sarannya nanti tak coba dulu

avatar satriodwi
@satriodwi

43 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban