我有一個檔案,我從 JSON 中獲取資訊并將其插入到 div 中:
document.getElementById('display_area').innerHTML = "<p>" jsonData[obj]["name"] "</p>";
我希望能夠將滑鼠懸停在這些資料上并將其淡出,所以我有:
$( "p" ).hover(function() {
$( "p" ).fadeOut( 100 );
});
問題是,它不將其識別為 ap,因此它什么也不做。
uj5u.com熱心網友回復:
您可以附加您的 json 資料,然后動態添加懸停。
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>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/472731.html
標籤:javascript html jQuery json
