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

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上看到标题，但如果你检查它们，你会发现它们仍然在那里。

您还可以使用jQuery、removeAttr和attr，而不是将其设置为空字符串。

Answer 3

非常简单，如下所示

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