这是我的代码:
<img src="image.jpg" alt="" title="some title" />
当我悬停该图像时,会出现“某个标题”。有可能被隐藏吗?
这是我的代码:
<img src="image.jpg" alt="" title="some title" />
当我悬停该图像时,会出现“某个标题”。有可能被隐藏吗?
正如一些答案所指出的那样,它可以很容易地完成,但是知道你想对标题做什么,我会使用 data-* 自定义属性或使用 .data() 附加标题
<img src="image.jpg" alt="" data-title="some title" />
或者
$('img').data('title', 'some title');
删除该属性很简单title
,但“隐藏它”是不可能的(据我所知);为了删除标题,以下应该可以工作,尽管目前未经测试:
$('img').hover(
function(){
$(this).data('originalTitle',$(this).title());
$(this).removeAttr('title');
},
function(){
$(this).attr('title',$(this).data('originalTitle');
});
在上面我选择移动属性,然后在鼠标移出时替换它。
title
要永久删除:
$('img').removeAttr('title');
参考:
如果只是悬停问题,您可以pointer-events: none;
在图像上制作,它将解决问题。
您可以将其移动到图像数据......然后返回。像那样
$('img').hover(
function () {
$(this).data('title',$(this).attr('title')).removeAttr('title');
},
function () {
$(this).attr('title',$(this).data('title'));
}
);
是的!使用 jQuery,您可以在鼠标悬停时将其删除并在鼠标输出时再次添加 -
$(function(){
var ttext;
$('img').hover(function(){
ttext = $(this).attr('title');
$(this).removeAttr('title');
},
function(){
$(this).attr('title', ttext);
});
});
不,不是。但是您可以将其替换为 JavaScript,或者将其留空。
jQuery 示例:
$('[title]').removeAttr('title');
有点搞笑的是,在 Stack Overflow 上,五个人可以同时给出相同的答案:P
$(function(){
$('img').hover(function(){
$(this).removeAttr('title');
}, function(){
$(this).attr('title','some title');
});
});
我至少在 Chrome 上尝试并使用了 jQuery / jQuery UI:
''
.我的代码中的示例,在命名的 HTML 元素可用之后发生:
jQuery(document).tooltip();
for(var index = 0; index < sites.length; ++index) {
jQuery('#' + sites[index][0]).attr('title', '');
}