cara agar script jquery jalan di load ajax

cara agar script jquery jalan di load ajax

yo…  pasti deh kita pernah ketemu jika kita pernah menload suatu dom dari hasil eksekusi ajax tapi kok script javascript tidak jalan. misalnya kita mencoba mengeksekusi fungsi tertentu jika ada event di suatu selector/dom. atau misalnya saja kita buat script yang akan menghilangkan suatu element div tertentu tapi ko setelah dari hasil load ajax tidak jalan script / fungsi tersebut. Kita akan membagikan bagaimana trik agar seluruh script yang kita tulis akan dapat berjalan di dom hasil dari dom ajax.

biasanya kita akan menangkap event yang disediakan oleh jquery dengan menggunakan script berikut :

 
 
  1. $(document).ready(function() { 
  2.  $("#someIDdiv").on("click", function(){    
  3.   alert("The paragraph was clicked.");  
  4.  }); 
  5. });

script diatas hanya akan berjalan pada dom yang sudah terload atau script diatas tidak akan jalan jika id #someIDdiv merupakan hasil dari load ajax. Agar script dapat berjalan maka script diatas dapat kita rubah dengan script berikut.

 
 
  1. $(document).on("click", "#someIDdiv", function(e) {
  2. //proses fungsi javascript disini ya bro
  3. });

Demikian atas perhatiannya terima kasih… hahah kaya dokumen resmi aja. sudah bro selamat coding lagi .

Komentari bro

"