Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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>
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.
Kalo tetep tidak bisa di klik. Coba pakai javascript standard.
var edit = document.querySelector('#edit'); edit.addEventListener('click',function(){ this.style.display = 'block'; });