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');

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

3 个答案: