/Javascript/jQuery/Jquery click not working on ajax loaded content

Jquery click not working on ajax loaded content

$(document).on("click", '.mylink', function(event) { 
    alert("new link clicked!");
});

Source: stackoverflow.com

Click doesn't work on ajax loaded data

The problem is that .click only works for elements already on the page.
You have to use something like on if you are wiring up future elements

$("#LangTable").on("click",".deletelanguage", function(){
  alert("success");
});

Similar codes

2 votes297 views2 answers
What is jquery
Javascript jQuery
1 vote339 views1 answer
Jquery empty ul
Javascript jQuery
0 vote352 views1 answer
Data-toggle="tooltip not working due to jquery-ui.min.js
Javascript jQuery
0 vote341 views1 answer
Change li position in ul jquery
Javascript jQuery
-1 vote372 views2 answers
Jquery sweet popup
Javascript jQuery
1 vote347 views2 answers
Get input value from table cell jquery
Javascript jQuery
0 vote340 views1 answer
Remove all inline css jquery
Javascript jQuery
28 votes348 views6 answers
Jquery scroll to top
Javascript jQuery
21 votes406 views4 answers
Get element by id in Jquery
Javascript jQuery
0 vote336 views1 answer
Jquery wrap inner text
Javascript jQuery