我已经更新了代码，需要帮助解决新问题。
我在主页上设置了一个网格：在蓝色框内。现在，您可以将鼠标悬停在网格中的任何项目上，然后会弹出一条消息，显示我的数据库中的信息。这目前有效。当用户选择5个回合目标中的一个时，系统会删除当前网格内容，然后调用PHP程序，用一组新的项目重新填充网格。目前，原始内容被删除了，一组新的图片被放在了网格中。这同样有效。然而，现在当你将鼠标悬停在新项目上时，它不会触发显示信息的弹出窗口。
要实时查看问题，请访问magic.richteme.com
这是我的HTML设置。
<div class="grid-container" id="gridbox">
<div class="grid-item">
<img class="hover" id="1" src="https://c1.scryfall.com/file/scryfall-cards/small/front/7/0/7050735c-b232-47a6-a342-01795bfd0d46.jpg" />
</div>
</div>
这是删除网格内容的调用。
document.getElementById(elementID(.innerHTML="；
这是有效的。
以下是用于重新填充网格内容的PHP代码。
while($row = mysqli_fetch_array($result))
{
echo "<div class='grid-item'>";
echo "<img class='hover' id='1' src={$row['cPictURL']} />";
echo "<p style='color:black;font-size:small'>{$row['cName']}
</p>";
echo "</div>";
}
我进入了您的网站并看到了您的代码。尝试从php代码中删除<br />！