是否有可能隐藏HREF标题？(Is it possible to hide href title?)

2019-07-03 14:07发布

站内文章 / 前沿技术

72 0

女 | 书童

私信

<a href="link.html" title="Titletext">

......是的代码。

我需要使用的title ，因为属性slimbox ，但我想隐藏标题文本将鼠标悬停在链接时出现。

有任何想法吗？

Answer 1:

你是在一个标签使用图片代码假设，你可以只使用一个替代标题图像（甚至一个空格），当你在它悬停，将覆盖链接的标题。

Answer 2:

怎么样一个不错的简单：

<a href="link.html" title="Titletext"><span title=" ">text</span></a>

（好，放在嵌套标题真正有用的东西。）

Answer 3:

这是与jQuery很容易

$("li.menu-item > a").attr('title', '');

这将从黎类菜单项中的任何一个元素去掉标题 - 当然，你可以得到看中所以他们只是隐藏在鼠标:)

Answer 4:

在问候到“怎么样一个不错的简单的”我见过上市的几个地点的建议，我个人不会有两个原因表明这一点。

屏幕阅读器和视力受损的用户依赖其上大声读出标题属性。我相信这是锚标签最初的目的和原因，他们和美国是州长无障碍网页508节的一个大的方面，我认为在这种情况下屏幕阅读器将通过所有的标题读; 的第一个，然后第二个可能是为视障用户非常混乱。他们想不明白为什么他们听到ESP两个if它拥有不同的文本。难道自己听到的是两种不同的锚？如果是这样，为什么他们不点击或选择他们听到了另一种与保持只得到一个网页（如场景）。
如果您将在这两个称号的谷歌附加文本和许多其他搜索引擎可能认为这个动作是黑帽SEO，并可能导致您的网站从搜索引擎列表（又名馅）得到取缔，这发生在BMW在德国由谷歌了。

我个人倒觉得最好的方法是保持title属性，因为它是为了函数，然后使用JavaScript或CSS以某种方式将其隐藏。这些方法都会对屏幕阅读器，网络爬虫和视力受损的用户没有任何影响。

Answer 5:

我看中用jQuery ...;）我需要这个组合拳：标题标签的收藏，但没有在鼠标悬停。这为我工作，谢谢你的提示！

$(function(){
    $("li.menu-item > a").hover(function(){
        $(this).stop().attr('title', '');},
        function(){$(this).stop().attr();
        });
});

Answer 6:

// 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;
        }
    }}

引用阿隆Rotteveel从我对这个问题评论链接的第一欺骗的回答（禁用浏览器工具提示链接和<简称>取值）

Answer 7:

您不必使用title与Slimbox属性。请参见接近本页面顶部的多个影像例如： http://code.google.com/p/slimbox/wiki/MooToolsAPI 。

你可以简单地删除title从你的锚属性，并通过title文本（图像的描述）的Slimbox open功能，您将调用使用onclick你的锚的事件。

Answer 8:

最简单的方法是：

使用slimbox后，在它下面添加以下代码：

$('*[title]').removeAttr('title');

希望它可以帮助..

Answer 9:

无担保，但根据Slimbox如何运作的，你也许可以包括标题，然后使用类似jQuery的页面加载后，将其取下几秒钟 。假设Slimbox索引Title属性并将其存储在看完后的地方，您可以发生这种情况后，安全地将其删除。

Answer 10:

用空覆盖/覆盖它jQuery的提示？

Answer 11:

如果你正在使用jQuery，你可以做以下

$("a").mouseover(function(e){ preventdefault();} );

（没有测试但它）

Answer 12:

你不能只是通过DOM中的链接循环和title属性设置为空字符串。

var DOMlinks = document.links;
for(i=0;i<DOMlinks.length;i++){
DOMlinks[i].title = ""
}

Answer 13:

jQuery的解决方案 - 这应该是直截了当：

var hiddenTitle; //holds the title of the hovered object
$("li.menu-item > a").hover(function() {
    hiddenTitle = $(this).attr('title'); //stores title
    $(this).attr('title',''); //removes title
}, function() {
    $(this).attr('title',hiddenTitle); //restores title
});

Answer 14:

使用从大卫·托马斯的想法，你可以创建使用jQuery一个更优雅的解决方案：

$('[title]').each(function(){
    $(this).data('original-title', $(this).attr('title'));
}).hover(
    function () { 
        $(this).attr('title','')
    }, function () { 
        $(this).attr('title',$(this).data('original-title'))
});

Answer 15:

这是我的jQuery的解决方案，但它确实你需要的一切，并保持title属性的正确用法。只需根据自己的需要改变选择。

/*
 * jQuery remove title browser tooltip
 */
var removeTitleSelector = 'a.removeTitle';
jQuery('body').on('mouseover', removeTitleSelector, function () {
    jQuery(this).data('title', jQuery(this).attr('title'));
    jQuery(this).removeAttr('title');
}).on('mouseout', removeTitleSelector, function () {
    jQuery(this).attr('title', jQuery(this).data('title'));
});