jquery - 显示带有图像内容的工具提示

我正在使用qTip2，并且希望显示图像作为工具提示内容。我认为可以通过content属性设置它，但是我无法正确实现。

我在链接上显示了一个工具提示：

 <li class="answer">We provide personalised <a id="aboutshop" href="@Url.Action("Index", "Shop")">
        shopping list</a> based on what you have in your stock</li>


    // Tooltip for about shop link
    $('#aboutshop').qtip($.extend({}, myStyle, {

    }));

知道如何将内容设置为这样的图像吗？

  <img src="../../Content/HomePage/aboutshop.JPG" />

最佳答案

我认为您可以添加要在DOM中使用的图像，然后将其作为qtip的文本引用：

<img id='tooltip1' style="display:none;" src="../../Content/HomePage/aboutshop.JPG" />

$('#aboutshop').qtip({
   content: {
      text: $('#tooltip1')
   }
});

关于jquery - 显示带有图像内容的工具提示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8210771/