Избегайте отображения атрибута заголовка тега привязки вкладки в качестве всплывающей подсказки

Question

jQuery 1.7.1 - я использую виджет вкладок jQuery в моем JSP и имею следующий код для представления вкладок,

<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() { } 
);