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

Question

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

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

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

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

当我$('body').append(picUrl)时，它会正确显示图像。

现在，当我将图像名称悬停在我的电路板上时，我想要显示图像。所以我想到了jquery工具提示：

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

但它没有触发任何东西;我错过了什么？

Answer 1

你可以使用jquery .mouseover()来调用鼠标上的函数

$( "div.productPic" ).mouseover(function() {
    $( this ).append(picUrl);
});