有没有办法在 css 中禁用 <a>
标签的工具提示?
原文由 Varada 发布,翻译遵循 CC BY-SA 4.0 许可协议
我不知道你想要禁用工具提示的原因是什么,但我自己也遇到了同样的问题。
我试图在 CSS 中创建一个气泡工具提示,但浏览器工具提示总是会出现并把事情搞砸。所以,像你一样,我需要禁用默认工具提示。
我使用了一些 jQuery 来删除“标题”标签,但仅在鼠标悬停时。鼠标一离开,“Title”标签就恢复了。
以下是带有一些“标题”内容的 DIV:
<div class="tooltip-class" title="This is some information for our tooltip.">
This is a test
</div>
现在,您必须运行以下 jQuery 以在鼠标悬停时隐藏 Title 标签:
$(document).ready(function(){
$(".tooltip-class").hover(function(){
$(this).attr("tooltip-data", $(this).attr("title"));
$(this).removeAttr("title");
}, function(){
$(this).attr("title", $(this).attr("tooltip-data"));
$(this).removeAttr("tooltip-data");
});
});
请注意,此 jQuery 代码是在 jQuery 版本 1.6.4 的环境中测试的。
以下是完整示例的链接:
http://jsfiddle.net/eliasb/emG6E/54/
原文由 DrupalFever 发布,翻译遵循 CC BY-SA 3.0 许可协议
2 回答839 阅读✓ 已解决
4 回答913 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答812 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
2 回答2.5k 阅读
只需将此代码粘贴到
<body>
标记的底部,在<script>
中。此代码使用 jQuery:
然后你需要添加 CSS 类
titleHidden
到每个a
标签当你想隐藏它的工具提示。