如何将图像添加到jquery工具提示

我没有看到这个确切的问题……如果有的话,请指出我。

我正在使用jquery的ui工具提示。 我有一个链接,当你鼠标hover它时,我想显示一个图像。 到目前为止,对我来说没有任何作用。

标题中的ui代码:

   

HTML:

 (see image of 1 Maple St.) 

码:

 $( "#riverroad" ).tooltip({ content: "" }); 

请告诉我我做错了什么。

试试这个:

HTML

 image of 1 Maple St. 

JQuery的

 $( "#riverroad" ).tooltip({ content: '' }); 

看到工作小提琴 。

当然包括Jquery 1.9.1和JqueryUI 1.9.2。 顺便提一下,检查图像路径是否正确。

编辑:您告诉我您正在使用jQuery设置链接,请参阅第二个工作示例:

HTML

 

JQuery的

 $(document).ready(function() { $("#content").html('image of 1 Maple St.'); $("#content #riverroad").tooltip({ content: '' }); }); 

这是新的小提琴 !

首先,您缺少src标记的结束引用。 你的代码应该是:

 $( "#riverroad" ).tooltip({ content: "" }); 

此外,这应该使用jQueryUI网站上显示的以下代码:

HTML:

 image of 1 Maple St. 

JS:

  

这是关于jsFiddle的演示: http : //jsfiddle.net/QgPEw/1/

只需直接在标题中传递HTML内容,您就可以了。

 image of 1 Maple St. 

只记得在标题中使用单引号。