$(document).ready(function() { $.ajax({ url: 'php/sql/getPlaylists.php', type: 'GET', success: function(result) { let data = $.parseJSON(result); let contenido = ""; $.each(data, function(index, value) { contenido += "<div class='col-3 my-3 overflow-hidden'> "; contenido += "<div class='card shadow-40 m-4' style='width: 350px !important; '>"; contenido += "<img class='card-img-top' src='uploads/fotos/" + value.foto + "' alt='Card Image' height='250px'> "; contenido += "<div class='card-body'> "; contenido += "<h6 class='card-title'>"; contenido += value.nombre; contenido += "</h6>"; contenido += "<a directorio='php/routes/verplaylist.php?id=" + value.id + "' class='routing btn btn-primary'>Ver</a>"; contenido += "</div>"; contenido += "</div>"; contenido += "</div>"; }); $('#lista-datos').append(contenido); }, }); });

Estoy tratando de agregar la función de clic al hacer clic en estos elementos pero no los detecta, lo intenté antes con un elemento no agregado y funcionó, pero no es lo mismo con estos.