使用 jQuery 将鼠标悬停在 div 上时如何在所有内容上创建 div答案

【问题标题】：How to create a div over everything when hovering over a div with jQuery使用 jQuery 将鼠标悬停在 div 上时如何在所有内容上创建 div
【发布时间】：2021-08-14 11:30:04
【问题描述】：

作为初学者，我正在创建一个照片库。在底部我有缩略图。由 jQuery 创建的带有数组的图像作为背景的 div。现在我想用文本创建一个“气泡”。类似于附图。

我的数组创建如下，现在我想在悬停时添加 div，但希望它在光标不悬停时消失。

imagesData.forEach((item, index) => {
    $('#lower').append(`
        <div class = "box inactive" data-index = "${index}" 
        style="background-image: url(${item.photo}); background-size: cover;">
        </div>`)
    $('.inactive').hover(function () {

现在，我应该在这里使用什么？

【问题讨论】：

虽然我们都认识到学习很困难，但 SO 的目的不是为您提供“下一步”教程，请在 help center 中阅读有关该网站如何运作的更多信息

标签： jquery foreach hover

【解决方案1】：

很抱歉，我没有理由将此添加为 cmets，但我认为这对您来说是一个很好的解决方案。正如您在问题中提到的，这似乎是您为图像提供的提示。那么您可以轻松地使用tipped.js 来满足您的需要。只需阅读文档并做一些练习，您就可以添加提示。

【讨论】：