Tengo una funcion JavaScript dentro de un archivo JS
$(document).ready(function() {
$.ajax({
url: 'https://swapi.co/api/people/1/?format=json',
type: 'GET',
dataType: 'JSON',
success: function(json) {
//console.log(json.name);
$("h2.name").text(json.name);
}
});
$.ajax({
url: 'https://swapi.co/api/people/?format=json',
type: 'GET',
dataType: 'JSON',
success: function(per) {
for (var i = 0; i < 6; i++) {
var a = $("<div onclick='data2('ddddd')' class='col-md-4'>" + per.results[i].name + "</div>");
$(".row").append(a);
//console.log(per.results[i].name);
}
}
});
});
function data2(nom) {
console.log(nom);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="navbar navbar-dark bg-dark">
<li class="nav-item">
<a class="nav-link active" href="index.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Start Wars</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Nous</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Contact</a>
</li>
</ul>
<!--images banner-->
<div class="text-center">
<img src="images/stw.jpg" class="img-fluid" alt="Responsive image">
</div>
<div class="alert alert-dark text-center" role="alert">
<h2 class="name mb-0">Loading...</h2>
</div>
<div class="row">
</div>
</div>
Quiero que la función data2
se ejecute cada vez que se ejecute al hacer click en los div
que se crean con jQuery. Pero al hacer click me marca este error:
Uncaught SyntaxError: Unexpected token }
en la línea de la función data2
.