<div id='main'> </div> <ssript> $.ajax({ url: "find", type: "GET", dataType: "json", success:function(data) { $.each( data, function( key, value ) { $("#main").append("<div class='card'> <img class='card-img-top' src=http://localhost/main/main/public/uploads/avatars/"+key+"><div class='card-block'><span class='nameUser'>"+ value+"</span></div></div>"); //alert( key + ": " + value ); }); }); $( ".nameUser" ).click(function() { PopUpShow(); }); </script>

How after an ajax request to trigger an onclick event on an element that appears in the dom after the ajax request?

    1 answer 1

    via jquery ON - http://api.jquery.com/on/ , http://jquery.page2page.ru/index.php5/On

     $( document ).on( "click", ".nameUser", function() { PopUpShow(); });

    Although instead of a document in your case, you can most likely write #main