html显示链接提示,javascript – JQuery Tooltipster插件不会在html内容中显示带有超链接的工具提示...

我按照官方文件的说明进行了操作:

一切都很好.我添加的唯一额外内容是内容中的’a’标记,如下所示:

这是html代码:

This div has a tooltip with HTML when you hover over it!

myimage.pngThis 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”本身就是一个超链接.我认为将它定义为超链接或客户端可以使用键盘关注它的另一个标记是有意义的,否则我认为它将具有可访问性问题.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值