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

Remove image title when mouse hover on the image

本文关键字：图像 删除 标题 悬停 鼠标      更新时间：2023-09-26

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

前任：

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

我需要我的图片库的 title 属性，但不希望在用户托管图像时显示它。这可能吗？感谢您的帮助。

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

我认为你必须做这样的事情：

$('#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 而不是将其设置为空字符串。

像这样非常简单 

$('img').removeAttr('title');
相关文章：