我不知道你想要禁用工具提示的原因是什么,但我自己遇到了同样的问题.
我试图在CSS中创建一个泡泡工具提示,但浏览器工具提示总是会出现并搞砸了.所以,像你一样,我需要禁用默认的工具提示.
我使用了一些jQuery来删除"Title"标签,但仅限于鼠标悬停.一旦鼠标退出,就会恢复"标题"标签.
以下是具有一些"标题"内容的DIV:
<div class="tooltip-class" title="This is some information for our tooltip.">
This is a test
</div>
Run Code Online (Sandbox Code Playgroud)
现在,您必须运行以下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");
});
});
Run Code Online (Sandbox Code Playgroud)
请注意,此jQuery代码是在具有jQuery版本1.6.4的环境中测试的.
以下是完整示例的链接:
http://jsfiddle.net/eliasb/emG6E/54/
我知道这是一个老问题,但在此期间这已经通过CSS成为可能是这样的:
pointer-events: none;
Run Code Online (Sandbox Code Playgroud)
但是请注意,这也会禁用单击功能!这是我需要的,但对于OP可能并非如此。
cfr https://developer.mozilla.org/en/docs/Web/CSS/pointer-events
Far*_*ker -4
只需将此代码粘贴<body>到<script>.
此代码使用 jQuery:
$('.titleHidden').removeAttr('title');
Run Code Online (Sandbox Code Playgroud)
然后,当您想要隐藏其工具提示时,需要将 CSS 类添加titleHidden到每个标签。a
| 归档时间: |
|
| 查看次数: |
45280 次 |
| 最近记录: |