我按照官方文件的说明进行了操作:
一切都很好.我添加的唯一额外内容是内容中的’a’标记,如下所示:
这是html代码:
This div has a tooltip with HTML when you hover over it!
This is the content of my tooltip!
这是JavaScript代码:
$('.tooltip-container').tooltipster({
functionInit: function (instance, helper) {
var content = $(helper.origin).find('.tooltip_content').detach();
instance.content(content);
}
});
这是JSFiddle:
不幸的是,工具提示没有显示!
注意:我在最新版本的Chrome和IE中测试过它.
更新:
在xorspark和Josh Whitlow的小提琴之后,我意识到这个问题只发生在主要的“tooltip-container”本身就是一个超链接.我认为将它定义为超链接或客户端可以使用键盘关注它的另一个标记是有意义的,否则我认为它将具有可访问性问题.