隐藏悬停的标题属性工具提示

Question

我有<a></a>与标题attribute.on悬停链接它显示默认tooltip.I要隐藏悬停锚标记的工具提示。在mouseout上我需要再次添加title属性。现在onHover选项删除title属性和mouseout事件不追加标题

jQuery(function() { 
 
    jQuery(document).ready(function() { 
 
    $('a').hover(
 
     function() { 
 
     $(this).removeAttr("title"); 
 
     }, 
 
     function() { 
 
     $(this).attr("title"); 
 
     } 
 
    ); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href=# title="sample">Hover Here</a>

Answer 1

这可能是，你正在寻找

这将“删除”的title并保存值转换为称为save_title的属性。

jQuery(document).ready(function() { 
 
    $("a").mouseenter(function() { 
 
     var title = $(this).attr("title"); 
 
     $(this).attr("save_title", title); 
 
     $(this).attr("title", ""); 
 
    }) 
 
    .mouseleave(function() { 
 
     var title = $(this).attr("save_title"); 
 
     $(this).attr("title", title); 
 
    }) 
 
    .click(function() { 
 
     var title = $(this).attr("save_title"); 
 
     $(this).attr("title", title); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href=# title="sample">Hover Here</a>