如何将图像添加到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/