代码之家  ›  专栏  ›  技术社区  ›  Rob Stevenson-Leggett

如何阻止标题属性临时显示工具提示?

  •  5
  • Rob Stevenson-Leggett  · 技术社区  · 16 年前

    我有一个右键点击弹出的DIV(我知道这打破了预期的功能,但谷歌文档做到了,为什么不呢?)但是,我在弹出窗口中显示的元素有一个“title”属性集,它出现在我的分区的顶部。我仍然希望工具提示工作,但在弹出窗口出现时不工作。

    当弹出窗口打开/打开时,停止工具提示显示的最佳方法是什么?

    编辑:我正在使用jquery

    4 回复  |  直到 9 年前
        1
  •  4
  •   Josh    16 年前

    jquery 您可以绑定hover函数,将title属性设置为blank onmouseover,然后在mouse out时重置它。

    $("element#id").hover(
     function() {
      $(this).attr("title","");
      $("div#popout").show();
     },
     function() {
      $("div#popout").hide();
      $(this).attr("title",originalTitle);
     }
    );
    
        2
  •  3
  •   Frankie    10 年前

    下面是另一个使用 data 用于价值存储和 prop 用于赋值

    $('[title]').on({
        mouseenter : function()
        {
            $(this).data('title', this.title).prop('title', '');
        },
        mouseleave: function()
        {
            $(this).prop('title', $(this).data('title'));
        }
    });
    
        3
  •  1
  •   Javier Suero Santos JiminyCricket    16 年前

    我认为设置为空白,当弹出窗口关闭时,再次设置正确的文本。我认为这是阻止它的最简单方法。

        4
  •  1
  •   Jack    9 年前

    对我来说,我不在乎标题标签的内容是什么。我只是这样做的:

    $('a').hover(function() {
    
        $(this).attr('title', '');
    
    });
    

    它阻止了标题标签的显示。