ホバー上のタイトル属性ツールチップを隠す

Question

タイトル属性を持つ<a></a>があります。デフォルトのツールチップを表示するリンクを表示します。アンカータグの上にツールチップを表示したくありません。 on mouseout title属性をもう一度追加する必要があります。今onhover title属性を削除し、これは、あなたがこれはtitleを「削除」して保存します

を探しているかもしれないもの

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

マウスアウトイベントにタイトルを追加していません値を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>