Tengo un archivo donde tomo información de un JSON y la inserto en un div:
document.getElementById('display_area').innerHTML += "<p>" + jsonData[obj]["name"] + "</p>";Quiero poder desplazarme sobre estos datos y desvanecerlos, así que tengo:
$( "p" ).hover(function() { $( "p" ).fadeOut( 100 ); });El problema es que no lo reconoce como ap, por lo que no hace nada.
Puede agregar sus datos json y luego agregar el desplazamiento dinámicamente.
var jsonData = { obj : { name : "ARIA Meyer"} } $(document).ready(function() { $("#display_area").append(` <p>${jsonData['obj']["name"]}</p> `); $( "p" ).hover(function() { $( "p" ).fadeOut(500); }); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <div id="display_area"></div>