避免将选项卡锚标记标题属性显示为工具提示

Question

jQuery 1.7.1 - 我在 JSP 中使用 jQuery 选项卡小部件，并使用以下代码来表示选项卡，

<div id="tabs">
    <ul>
        <li><a href="t1" title="content">Gallery</a></li>
        <li><a href="t2" title="content">Polls</a></li>
        <li><a href="t3" title="content">Events</a></li>
    </ul>
        <div id="content"></div>
</div>

这 3 个选项卡在浏览器中显示正常，但是当我将鼠标悬停在选项卡上时，“内容”将显示为工具提示在 Chrome、Firefox 和 IE 中。任何避免将“内容”视为工具提示并提供实际工具提示（例如“单击查看图库”等）的方法。

编辑：我使用 title 属性来指定用于加载 ajax 内容的容器， http://jqueryui.com/demos/tabs/#Ajax_mode

Answer 1

如果您绝对必须拥有 title 属性，那么您可以尝试在 mouseover 上暂时删除它。

var temptitle;
$('a').hover( 
   function() {
      // remove the title
      temptitle = $(this).attr('title')
      $(this).attr('title','')
   },
   function() {
      // replace the title
      $(this).attr('title',temptitle)
   }
); 

Answer 2

试试这个

$('a[title]').hover( 
   function(e) { 
       e.preventDefault(); 
   }, 
   function() { } 
);