Why an HTML element retrieved from another page with AJAX doesn't respond to scripts?

Asked Mar 31 '17 at 04:38

Active Mar 31 '17 at 04:41

Viewed 30 times

Well, i have this problem with a larger script but I will make it simple

Let's supouse this is my script

$("a").click(function(){
   alert("test");
});

So, everytime someone click on an hyperlink, it will alert the user.

But when i retrieve an element from another page with AJAX, the script isn't activated when someone click on it.

Does anyone knows? Thanks

asked Mar 31 '17 at 04:38

Raba

1

You might have to add the listener again to the newly added elements. – dev8080 Mar 31 '17 at 04:40
2

Event delegation ~ `$(document).on('click', 'a', function() { alert('test'); })` – Phil Mar 31 '17 at 04:40
That worked @Phil thanks! But i have another question, why does that work and Ayush answer doesn't? – Raba Mar 31 '17 at 04:55
@Raba Ayush's answer was no different than what you already had – Phil Mar 31 '17 at 05:52

0 Answers0