如何顯示通過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); 
});