javascript - ツールチップ テキスト フォーム リンクを無効にする

Question

「タイトル」属性の内容をツールチップ テキストとして表示する単純なツールチップ プラグインを作成しています。だから私は、div. したがって、以下のコードを使用しましたが、これは機能せず、デフォルトのツールチップと私のツールチップの両方が一緒に表示され、デフォルトのツールチップが私のツールチップと重なっています。

$("a").hover(function(e){
  e.preventDefault();   
});

Answer 1

タグにaltandtitle属性がないことを確認してください。<a>

<a href="http://google.com" alt="Google!" title="Google!" />Goto Google</a>

- への変更

<a href="http://google.com" alt="Google!"  />Goto Google</a>

<a>したがって、デフォルトのツールチップ動作を削除したいすべてのタグでこの jQuery コードを実行するだけです -

$(".desiredElements").removeProp('alt').removeProp('title');

---

後の段階で使用するためにこれらのツールチップを保持する場合は、それらを$.dataオブジェクトに保存し、2 番目のホバー関数である「ホバー アウト」コールバックで値を返す必要があります。

$('.desiredElements').hover(function() {
    $thisCached = $(this);
    $.data(this, 'title', $thisCached.attr('title'));
    $thisCached.removeAttr('title').removeAttr('alt');
},function(){
    $thisCached = $(this);
    $thisCached.attr('title',$.data(this, 'title');
    $thisCached.attr('alt',$.data(this, 'title');
});