如何在jQuery UI工具提示中添加图像?

时间:2014-05-14 16:57:43

标签: jquery jquery-ui tooltip jquery-tooltip jquery-ui-tooltip

我希望工具提示显示图像。我尝试了here所描述的方法,但没有任何效果。我也尝试过其他jQuery UI小部件,它们确实可以工作。这是我的代码:

HTML:

<a id='gamercard' href='https://live.xbox.com/en-US/Profile?Gamertag=Daddy+Kiefer' title=''>Daddy Kiefer</a>.</p>

JS:

$(function () {

   $("#gamercard").tooltip({
       content: '<img src="http://gamercard.zaamit.com/nxe/Daddy%20Kiefer.png" />'
   });
});

对于我出错的地方的任何建议都将不胜感激。

1 个答案:

答案 0 :(得分:1)

使用上面完全相同的代码为我工作:

http://jsfiddle.net/fiddleyetu/wu23h/show/

$(function () {

   $("#gamercard").tooltip({
       content: '<img src="http://gamercard.zaamit.com/nxe/Daddy%20Kiefer.png" />'
   });
});