Question

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

<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个标签在浏览器中显示为OK，但当我将鼠标悬停在标签上时，“内容”会在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() { } 
);

避免将标签锚标签标题属性显示为工具提示

2 个答案: