隱藏懸停的標題屬性工具提示

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>