Postingan lainnya
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>
0
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.
0
Kalo tetep tidak bisa di klik. Coba pakai javascript standard.
var edit = document.querySelector('#edit'); edit.addEventListener('click',function(){ this.style.display = 'block'; });
0