如何暂停显示工具提示的title属性?

时间:2008-11-13 16:26:08

标签: javascript jquery html

我有一个弹出式div显示在rightclick上(我知道这打破了预期的功能,但Google Docs会这样做,为什么不呢?)但是我正在显示弹出窗口的元素有一个“title”属性设置出现在我的div的顶部。我仍然希望工具提示工作,但不是当弹出窗口在那里时。

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

编辑:我正在使用jQuery

4 个答案:

答案 0 :(得分:4)

使用jquery,你可以绑定悬停功能,同时将title属性设置为空onmouseover,然后在鼠标移出时重置它。

$("element#id").hover(
 function() {
  $(this).attr("title","");
  $("div#popout").show();
 },
 function() {
  $("div#popout").hide();
  $(this).attr("title",originalTitle);
 }
);

答案 1 :(得分:3)

以下是另一个示例,说明如何使用data进行值存储,prop进行值分配

$('[title]').on({
    mouseenter : function()
    {
        $(this).data('title', this.title).prop('title', '');
    },
    mouseleave: function()
    {
        $(this).prop('title', $(this).data('title'));
    }
});

答案 2 :(得分:1)

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

答案 3 :(得分:1)

对我来说,我并不关心标题标签的内容是什么。我刚刚做了:

$('a').hover(function() {

    $(this).attr('title', '');

});

停止了标题标记的显示。