使用 css 禁用工具提示

新手上路,请多包涵

有没有办法在 css 中禁用 <a> 标签的工具提示?

原文由 Varada 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 305
2 个回答

只需将此代码粘贴到 <body> 标记的底部,在 <script> 中。

此代码使用 jQuery:

 $('.titleHidden').removeAttr('title');

然后你需要添加 CSS 类 titleHidden 到每个 a 标签当你想隐藏它的工具提示。

原文由 Farzin Zaker 发布,翻译遵循 CC BY-SA 3.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 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏