如何通过 Jquery 工具提示显示图像

How to display an image through Jquery tooltip

本文关键字：显示图 图像 显示 工具提示 何通过 Jquery      更新时间：2023-09-26

我有一个包含图像名称的div：

<div class="productPic blockField">
   myimage.jpg
</div>

我想显示图像，所以我创建了一个变量：

var picUrl = '<img src="css/uploadedImages/myimage.jpg" />';

当我这样做$('body').append(picUrl)它正确显示图像时。

现在，我想在将图像名称悬停在看板中时显示图像。所以我想到了jquery工具提示：

$('.productPic:last').tooltip({content: picUrl});

但它什么也没触发;我错过了什么？

您可以使用jquery .mouseover()在鼠标悬停时调用函数

$( "div.productPic" ).mouseover(function() {
    $( this ).append(picUrl);
});
相关文章：