Tips: Mentarget element hasil ajax dengan jQuery

Halo sudah lama saya tidak menulis di blog ini, yah,.. lantaran lumayan banyak agenda yang dilalui akhir-akhir ini, (sok sibuk)

Pernah nggak sih kamu menemukan kendala ketika menggunakan JavaScript khususnya jQuery ketika mentarget elemen yang dikirim atau dirender oleh ajax?

Receh, tapi cukup memiliki damage yang besar jika kamu mengetahui tips ini. 😀

Mentarget elemen yang dihasilkan oleh ajax dengan jQuery akan susah, karena elemen tersebut dirender setelah script kamu diload. Jadi sebenarnya kamu bisa saja memanggil ulang atau me-load ulang code kamu sesaat setelah ajax response mengirim element ke HTML. Namun itu nggak best practice loh, juga ada kemungkinan code kamu akan load berkali-kali padahal nggak dibutuhkan.

Nah saya punya tips nih buat kamu yang belum tahu. Kamu dapat mentargetkan ‘document’ atau ‘document.body’ diawal seperti kode berikut:

jQuery(document.body).on('click', '.button-delete', function(event){
 //code kamu
});

dimana ‘.button-delete’ merupakan class element yang dihasilkan oleh ajax.

Demikian tipsnya yah, semoga ini bermanfaat.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *