如何摆脱浏览器的本机工具提示?

时间:2012-01-15 05:49:27

标签: javascript jquery html tooltip

我正在使用jQuery(1.6.4)并使用稍微修改后的this method版本来为我的网络应用添加自己动手的工具提示。 (基本上我动态生成一个表,并在有人将鼠标悬停在所述表的每个单元格上时提供不同的工具提示)一旦工具提示出现,我的代码就会发出JSON调用以获取更多信息,然后将其显示在工具提示中。

   $('table#status_table td').live('mouseover', function() {
      // Append the tooltip template and its value
      // make it a loading graphic until we complete fetching the data
      $(this).append('<div id="tooltip"><div class="tipHeader"></div><div title="" alt="" id="tooltip_area" class="tipBody"><img src="spinner_black.gif" alt="Wait..."></div><div class="tipFooter"></div></div>');    
      // fetch data
      $.getJSON('cgi-bin/get_more_information.cgi', function(data)  {
                    var results = data.results;
                    tipBodyString = '<em>(insert results here)</em>';
                    $('#tooltip_area').html(tipBodyString);
            });
        });

所有内容都按预期工作,但Firefox显示的工具提示会回应我在更新工具提示时使用的HTML字符串(上面的代码中为tipBodyString)。这是一个截图,应该有希望说明我的意思。

Damn tooltips!

起初我以为只是Firefox这样做,但后来我在Chrome和Safari中尝试过,他们也会显示这些不需要的工具提示。

我完全不知道为什么要显示这些工具提示。更重要的是,有没有办法摆脱它们?我希望工具提示的垄断权能转到我的应用程序:)

1 个答案:

答案 0 :(得分:3)

将值为title的属性设置为不需要工具提示的元素。