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

本文探讨了在HTML页面上实现工具提示时遇到的问题。作者使用了特定的JavaScript代码来尝试显示带有HTML内容的工具提示,但在某些情况下,工具提示未能正确显示。经过测试发现,当工具提示容器本身为超链接时会出现此问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

一切都很好.我添加的唯一额外内容是内容中的’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”本身就是一个超链接.我认为将它定义为超链接或客户端可以使用键盘关注它的另一个标记是有意义的,否则我认为它将具有可访问性问题.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值