javascript - 鼠标悬停在图像上时删除图像标题

Question

我正在为我的图片库使用 lytebox。它很好用，除非当用户将鼠标悬停在图像html上时，浏览器上会显示带有标签的文本。

前任：

<h1>This is the first image </h1>
<p>The image desc<p>

我需要title我的图片库的属性，但不希望它在用户暂停图片时显示。那可能吗？谢谢您的帮助。

Answer 1

var imgTitle;

$("img").hover(function(){
    imgTitle = $(this).attr("title");
    $(this).removeAttr("title");
}, function(){
   $(this).attr("title", imgTitle);
});

Answer 2

我认为您必须执行以下操作：

$('#slideshow img').hover(function() {
    $(this).data('title', $(this).attr('title'));
    $(this).attr('title', '');
}, function() {
    $(this).attr('title', $(this).data('title'));
});​

演示：http: //jsfiddle.net/lucuma/cX5MD/

您不会在 img 上看到标题，但如果您检查它们，您会发现它们仍然存在。

您也可以使用 jQueryremoveAttr而attr不是将其设置为空字符串。

Answer 3

像这样很简单

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