jquery - 隐藏 jquery 问题的工具提示

Question

我知道有一些与此问题相关的问题，但我似乎无法找到适合我的案例的解决方案。当用户将鼠标悬停在具有标题属性的 anchor 标记上时，我想隐藏 native 工具提示操作。我不想删除标题，因为 Fancybox 使用它，我只想删除默认的工具提示操作。

这是我尝试使用的脚本，但是当我替换“suppress”类名时它不起作用:

// Suppress tooltip display for links that have the classname 'suppress'
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
if (links[i].className == 'suppress') {
    links[i]._title = links[i].title;
    links[i].onmouseover = function() { 
        this.title = '';
    }
    links[i].onmouseout = function() { 
        this.title = this._title;
    }
    }
}

这是 HTML:

<li class="item-thumbs span3 photography">
<a class="hover-wrap fancybox1" data-fancybox-group="gallery" href="_include/img/work/full/image-04-full.jpg" title="text about the project :: <a href='http://www.someclient.com'>Launch website</a>">
<span class="overlay-img"></span>
<span class="overlay-img-thumb font-icon-search"></span>
                            </a>

对这个愚蠢的问题表示歉意，我只能在适合我的具体情况的所有建议中找到解决方案。

Answer 1

另一个选项是使用 (HTML5) data-fancybox-title 属性 (fancybox v2.x)。它不会在悬停时显示，但仍然由 fancybox 使用......并且不需要使用回调，所以

这个html

<a data-fancybox-title="Lorem ipsum" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

和这个脚本

$(".fancybox").fancybox();

...会工作得很好；请参阅 JSFIDDLE