悬停图像时是否可以隐藏标题?

时间:2012-06-29 07:19:46

标签: javascript jquery image html5 css3

这是我的代码:

<img src="image.jpg" alt="" title="some title" />

当我悬停该图像时,会显示“某个标题”。是否有可能被隐藏?

8 个答案:

答案 0 :(得分:6)

可以很容易地完成,因为有些答案指出,但知道你想对标题做什么,我会使用data- * custom属性或用.data()附加标题

<img src="image.jpg" alt="" data-title="some title" />

$('img').data('title', 'some title');

答案 1 :(得分:3)

删除title属性很简单,但“隐藏它”是不可能的(据我所知);为了删除标题,以下内容应该有效,但目前未经测试:

$('img').hover(
    function(){
        $(this).data('originalTitle',$(this).title());
        $(this).removeAttr('title');
    },
    function(){
        $(this).attr('title',$(this).data('originalTitle');
    });

在上面我选择移动属性,然后在鼠标移出时替换它。

永久删除title

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

参考文献:

答案 2 :(得分:2)

您可以将其移动到图像数据......然后返回。像那样

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

答案 3 :(得分:0)

不,不是真的。但是你可以用JavaScript代替它,或者把它留空。

jQuery示例:

$('[title]').removeAttr('title');

答案 4 :(得分:0)

是的!使用jQuery,您可以在鼠标悬停时将其删除并再次添加onmouseout -

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

答案 5 :(得分:0)

在Stack Overflow上有点搞笑,五个人可以同时给出相同的答案:P

$(function(){
    $('img').hover(function(){
        $(this).removeAttr('title');
    }, function(){
        $(this).attr('title','some title');
    });
});

答案 6 :(得分:0)

我在Chrome上尝试使用jQuery / jQuery UI的东西至少是:

  1. 创建您想要(并且不想要)拥有标题的对象。
  2. 存在所有这些项目后,添加工具提示。
  3. 浏览您不希望工具提示以常规方式显示的所有项目,并将工具提示设置为''
  4. 我的代码示例,在命名的HTML元素可用后发生:

    jQuery(document).tooltip();
    for(var index = 0; index < sites.length; ++index) {
        jQuery('#' + sites[index][0]).attr('title', '');
    }
    

答案 7 :(得分:0)

如果只是悬停问题,您可以在图像上制作pointer-events: none;,它将解决此问题。